ویژگی outline استایل
- پیشین پیغام orphans
- صفحه بعدی outlineColor
- برگشت به لایه بالا ایچ تی ایم ال ڈوم اسٹائل آئکٹ
تعریف و استفاده
outline ویژگیها به صورت کوتاهنویسی تنظیم یا بازگشتی میشوند یا همه ویژگیهای کناره.
از طریق این ویژگی، شما میتوانید/بازگشتی از یکی از موارد زیر را تنظیم/بازگشتی کنید (در هر ترتیب):
کناره یک خط دور عنصر است. آن را در اطراف حاشیه عناصر نمایش میدهد. اما، آن با ویژگی border متفاوت است.
کنارهها بخشی از اندازه عنصر نیستند، بنابراین عرض و ارتفاع ویژگیهای عرض و ارتفاع شامل عرض کنارهها نیستند.
لطفاً به
آموزش CSS:CSS پیرامون
دستورالعمل CSS:ویژگی outline
مثال
مثال 1
اضافه کردن کناره به اطراف عناصر <div>:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
مثال 2
تغییر عرض، سبک و رنگ کناره عناصر <div>:
document.getElementById("myDiv").style.outline = "5px dotted green";
مثال 3
بازگشتی outline ویژگی <div> عناصر:
alert(document.getElementById("myDiv").style.outline);
نحوهی نوشتن
بازگشتی outline ویژگی:
موضوع.style.outline
تنظیم outline ویژگی:
موضوع.style.outline = "عرض سبک رنگ|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| عرض | تنظیم عرض کناره |
| سبک | تنظیم سبک کناره |
| رنگ | تنظیم رنگ کناره |
| initial | این ویژگی را به مقدار پیشفرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث میبرد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیشفرض: | وسطی، هیچ، معکوس |
|---|---|
| مقدار بازگشتی: | یک رشته، که عرض، سبک و/یا رنگ کناره عناصر را نشان میدهد. |
| ورژن CSS: | CSS2 |
پشتیبانی مرورگر
| کروم | اِدج | فایرفاکس | سافاری | آپرا |
|---|---|---|---|---|
| کروم | اِدج | فایرفاکس | سافاری | آپرا |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- پیشین پیغام orphans
- صفحه بعدی outlineColor
- برگشت به لایه بالا ایچ تی ایم ال ڈوم اسٹائل آئکٹ
