مثال (خصوصیت text-decoration)
تنظیم آذین بندی (Decoration) عناصر h1، h2 و h3
h1 {text-decoration:overline}
h2 {text-decoration:line-through}
h3 {text-decoration:underline}
خودتان امتحان کنید »h2 {text-decoration:line-through}
h3 {text-decoration:underline}
تعریف و کاربرد
خصوصیت text-decoration نحوه آذین بندی نوشته ها را مشخص می کند.
توجه: رنگ آذین بندی باید با استفاده از خصوصیت رنگ مشخص شود.
| مقدار پیشفرض | none |
|---|---|
| ارث بری | خیر |
| نسخه | CSS1 |
| JavaScript ساختار | object.style.textDecoration="overline" |
پشتیبانی مرورگرها
![]()
تمام مرورگرهای اصلی، خصوصیت text-decoration را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| none | تعریف یک متن معمولی. این مقدار پیش فرض است. | نمایش دادن » |
| underline | تعریف خطی زیر متن | نمایش دادن » |
| overline | تعریف خطی بر بالای متن | نمایش دادن » |
| line-through | تعریف خطی روی متن | نمایش دادن » |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS Align (بیاموز CSS)




