CSS text-decoration کا نمائش
- پیشین پیچ text-align-last
- بعدی پیچ ٹیکسٹ-ڈی آر سی-کولر
تعریف و استفاده
ویژگی text-decoration تعیین میکند که چه زیباییهایی به متن اضافه شود.
نکته:رنگ زیبایی متن توسط ویژگی color تنظیم میشود.
توضیحات
این ویژگی به شما اجازه میدهد تا تأثیراتی مانند خط زیر به متن اضافه کنید. اگر فرزندان مستقیم این ویژگی را ندارند، تأثیر پدر به فرزندان
لطفاً به: مراجعه کنید
آموزش CSS:کوئی سی ای ایس متن
منual 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-style text-decoration-thickness|initial|inherit;
مقادیر ویژگی
| مقادیر | توضیح |
|---|---|
| text-decoration-line | شما میتوانید نوع زیبایی متن که میخواهید استفاده کنید (مانند خط زیر، خط بالا، خط تیره) را تنظیم کنید. |
| ٹیکسٹ-ڈی آر سی-کولر | شما میتوانید رنگ زیبایی متن را تنظیم کنید. |
| text-decoration-style | شما میتوانید سبک زیبایی متن (مانند جامد، امواج، نقطه و خط، خط تیره، خط مائل) را تنظیم کنید. |
| text-decoration-thickness | شما میتوانید ضخامت خط زیبایی متن را تنظیم کنید. |
| initial | این ویژگی را به مقدار پیشفرض خود تنظیم کنید. لطفاً به initial مراجعه کنید. |
| inherit | این ویژگی از عنصر پدر خود ارث میبرد. لطفاً به inherit مراجعه کنید. |
جزئیات فنی
| مقدار پیشفرض: | none |
|---|---|
| erbیتپذیری: | no |
| نسخه: | CSS1 |
| آموزش زبان برنامهنویسی JavaScript: | object.style.textDecoration="overline" |
مثالهای بیشتر
- زیبایی متن
- این مثال نشان میدهد که چگونه میتوان به متن زیبایی اضافه کرد.
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولین مرورگر هستند که این ویژگی را کامل پشتیبانی میکند.
| چروم | آئی ای / ایج | فائر فاکس | سافری | اوپرا |
|---|---|---|---|---|
| 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
- پیشین پیچ text-align-last
- بعدی پیچ ٹیکسٹ-ڈی آر سی-کولر
