ویژگی text-decoration CSS
- صفحه قبل text-align-last
- صفحه بعدی text-decoration-color
تعریف و استفاده
ویژگی text-decoration زینت اضافه شده به متن را مشخص می‌کند.
نکته:رنگ زینت توسط ویژگی "color" تنظیم می‌شود.
توضیح
این ویژگی به کاربر اجازه می‌دهد تا某种 اثر را به متن اعمال کند، مانند زیرخط کشیدن. اگر فرزندان بعدی این زینت را ندارند، زینت تنظیم شده در عنصر پدر به فرزندان بعدی "بازتاب" می‌شود. نیاز به پشتیبانی کاربر از blink نیست.
لطفاً به: مراجعه کنید
دستورالعمل CSS:متنی CSS
دستورالعمل HTML DOM:ویژگی textDecoration
مثال
زینت متن برای عناصر h1، h2، h3، h4 تنظیم شود:
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}
قوانین CSS
text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| text-decoration-line | نوع زینت مورد استفاده را تنظیم کنید (مانند زیرخط، بالای خط، خطی). |
| text-decoration-color | رنگ زینت متن را تنظیم کنید. |
| text-decoration-style | نوع زینت متن را تنظیم کنید (مانند جامد، موج دار، خطی، خطی، خط دوگانه). |
| text-decoration-thickness | قطر خط زینت را تنظیم کنید. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial مراجعه کنید. |
| inherit | این ویژگی از عنصر والد خود این ویژگی را ارث می‌برد. لطفاً به inherit مراجعه کنید. |
جزئیات فنی
| مقدار پیش‌فرض: | none |
|---|---|
| انتقال: | no |
| نسخه: | CSS1 |
| قوانین جاوااسکریپت: | object.style.textDecoration="overline" |
مثال‌های بیشتر
- زینت متن
- این مثال نحوه افزودن زینت به متن را نشان می‌دهد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را کاملاً پشتیبانی می‌کند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
- صفحه قبل text-align-last
- صفحه بعدی text-decoration-color
