CSS text-decoration-style کا اپریشن
- صفحه قبل text-decoration-line
- صفحه بعدی text-decoration-thickness
تعریف و استفاده
ویژگی text-decoration-style نوع تزئین متن را تنظیم میکند (خط یکپارچه، امواج، خط نقطهای، خط پردهای، خط دوگانه، مقدار پیشفرض، ارثبرداری).
نکته:لطفاً به: ویژگی text-decoration، که کوتاهنویسی این سه ویژگی است:
- text-decoration-line
- text-decoration-style
- text-decoration-color
لطفاً به:
آموزش CSS:CSS متن
دستورالعمل HTML DOM:textDecorationStyle ویژگی
مثال
تنظیم سبکهای مختلف text-decoration:
div.a {
text-decoration-line: underline;
text-decoration-style: solid;
}
div.b {
text-decoration-line: underline;
text-decoration-style: wavy;
}
div.c {
text-decoration-line: underline;
text-decoration-style: double;
}
div.d {
text-decoration-line: overline underline;
text-decoration-style: wavy;
}
جملهبندی CSS
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| solid | مقدار پیشفرض. خطها به صورت خطوط یکپارچه نمایش داده میشوند. |
| double | خطها به صورت خطوط دوگانه نمایش داده میشوند. |
| dotted | خطها به صورت خطوط نقطهای نمایش داده میشوند. |
| dashed | خطها به صورت خطوط پردهای نمایش داده میشوند. |
| wavy | خطها به صورت امواج نمایش داده میشوند. |
| initial | این ویژگی را به مقدار پیشفرض خود تنظیم میکند. ببینید initial。 |
| inherit | این ویژگی را از عنصر والد خود ارث میبرد. ببینید inherit。 |
جزئیات فنی
| مقدار پیشفرض: | solid |
|---|---|
| وراثت: | خیر |
| انیمیشنسازی: | پشتیبانی نمیشود. لطفاً به:ویژگیهای مرتبط با انیمیشن。 |
| نسخه: | CSS3 |
| جملهبندی جاوااسکریپت: | object.style.textDecorationStyle="wavy" |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولیه مرورگرهایی است که این ویژگی را کامل پشتیبانی میکنند.
اعداد -moz- نشاندهنده نسخه اولیه با استفاده از پیشوند است.
| چروم | آئی ای / ایج | فائرفاکس | سافاری | اوپرا |
|---|---|---|---|---|
| 57.0 | 79.0 | 36.0 6.0 -moz- |
12.1 | 44.0 |
- صفحه قبل text-decoration-line
- صفحه بعدی text-decoration-thickness
