رنگ گدرن دور کادر در Css

[amir000555]

با سلام

چطوری میشه داخل CSS برای یه کادر مشخص ForegroundColor مشخص کرد؟

یعنی فقط دور یه کادر را (فقط دورش) را رنگ کنیم؟

[harand1]

با سلام



یعنی فقط دور یه کادر را (فقط دورش) را رنگ کنیم؟

سلام :)
https://www.w3schools.com/cssref/pr_border.asp

[amir000555]

مرسی از پاسخ دهی.
یه سوال:
اگه توی سایت اصلی مایکروسافت رفته باشید حتما دیدید که وقتی روی یه دکمه ی داخل سایت کلیک میکنید یه کادر با خط چین دورش کشیده میشه. این چطوری این کار را کرده؟

[realAnvari]

مرسی از پاسخ دهی.
یه سوال:
اگه توی سایت اصلی مایکروسافت رفته باشید حتما دیدید که وقتی روی یه دکمه ی داخل سایت کلیک میکنید یه کادر با خط چین دورش کشیده میشه. این چطوری این کار را کرده؟

یه زحمت بکشید و لطفا قبل از سوال کردن دروس HTML و CSS را یاد بگیرید .

و اما جواب :

https://www.w3schools.com/css/css_border.asp

[amir000555]

یه نمونه دیگه ای بدید.
من میخوام (وقتی) کسی روی دکمه ای کلیک کرد دور آن به صورت خط چیت در بیاید.

[realAnvari]

یه نمونه دیگه ای بدید.
من میخوام (وقتی) کسی روی دکمه ای کلیک کرد دور آن به صورت خط چیت در بیاید.

p.dashed {border-style: dashed;}

https://jsfiddle.net/anvari/5ffLwpey/

[amir000555]

ممنون بازم. ولی میگم من اینارو بلدم میدونستم . خواهش دارم سوالی که اون اول کردم را به طور دقیق و کامل بخونید شما حتی توی سایت مایکروسافت نرفتید ببینید که منظورم چیه.
این کدی که دادی فقط یه بار کلیک که کردی میره و نمیمونه مایکروسافت ولی میمونه.
من کدشو اینطوری در نظر گرفتم :

.Line:Active {Border-Style: Dashed; }

ولی بازم میگم که کلیک کنید نمیمونه یه لحظه ای نشون میده.

اصلا به سوال توجه ای نمیکنید.

[anvar]

فرض می کنیم شما دکمه - لینک و یا هر کنترل طرف دیگه ای دارید (حالت نرمال)
کاربر مییاد و بر روی این کنترل شما کلیک می کنه (باید با جی کوئری این رویداد رو بگیریم)
به کنترل مورد نظر یک کادر در اطرافش اضافه میشه (یه کلاس جدید بهش اضافه میشه که براش یک کادر با رنگ و مشخصات مورد نظر اضافه می کنه) و اگر از قبل یک کنترلی دارای کادر بود آنرا حذف می کنیم

.active
{
border: 1px dashed #CC3333;
}



<a href="#">Home</a>
<a href="#">About us</a>
<a href="#">Contact us</a>




<script>
$( "a" ).click(function() {
$( "a" ).removeClass( "active" );
$( this ).addClass( "active" );
});
$(document).on('mouseup', function(e) {
if(!$(e.target).closest('a').length) {
$('a').each(function(){
$(this).removeClass( "active" );
});
}
});
</script>

[realAnvari]

ممنون بازم. ولی میگم من اینارو بلدم میدونستم . خواهش دارم سوالی که اون اول کردم را به طور دقیق و کامل بخونید شما حتی توی سایت مایکروسافت نرفتید ببینید که منظورم چیه.
این کدی که دادی فقط یه بار کلیک که کردی میره و نمیمونه مایکروسافت ولی میمونه.
من کدشو اینطوری در نظر گرفتم :

.Line:Active {Border-Style: Dashed; }

ولی بازم میگم که کلیک کنید نمیمونه یه لحظه ای نشون میده.

اصلا به سوال توجه ای نمیکنید.

Untitled.jpg

فکر کنم تو این منو رو میخای درست کنی و پس زمینه منو مد نظرت است . اونو بهش میگن background . یه نمونه برات نوشتم . ببین :

https://jsfiddle.net/anvari/p7qyspoy/

[amir000555]

درسته فقط این دوتا منو داره . شما روی منوی توسی بالایی کلیک کنید متوجه میشید.

[realAnvari]

درسته فقط این دوتا منو داره . شما روی منوی توسی بالایی کلیک کنید متوجه میشید.

لطفا اسکرین شات بذارید . من کلی زحمت کشیدم تا متوجه شدم منظور شما چی بود . هیچی رو دقیق بیان نمیکنید .
اگر نیاز دارید پاسخ داده بشه سوال شما , لطف کنید و اسکرین بگیرید و مشخص کنید کدام ناحیه مد نظرتان است .

سپاس

[amir000555]

شرمنده اصلا حواسم به اسکرین شات نبود

[realAnvari]

شرمنده اصلا حواسم به اسکرین شات نبود

https://jsfiddle.net/anvari/46htzke0/