نام خاصيت :
text-decoration
[/li] [li]نوع خاصيت :
none
underline
overline
line-through
شرح :
از اين خواص در CSS برای اعمال جلوه های تصويری به نوشته استفاده می شود که يکی از خواص زير و يا ترکيبی از آنها را می توان استفاده کرد :
– none : نوسشته به صورت ساده و بدون هيچ جلوه ای نمايش داده می شود که انتخاب پيش فرض است .
– underline : نوشته به صورت خط زير دار نمايش داده می شود .
– overline : نوشته به صورتی که يک خط در بالای آن کشيده شده ، نمايش داده می شود .
– line-through : نوشته به صورتی که يک خط از وسط آن گذشته است ، نمايش داده می شود .
[list] [li]
کد :
|
1 2 3 4 5 6 |
<p style="color: blue" > This is a paragraph <span style="text-decoration: underline" > This part is underline </span > and <span style="text-decoration: overline" > this part is overline </span > and <span style="text-decoration: line-through" > this part is line through </span > </p > |
[/li] [li]
خروجی :
This is a paragraph
This part is underline
and this part is overline
and this part is line through
[list] [li]
نکته : می توان به يک متن بيش از يک خاصيت text-decoration داد . به مثال زير توجه کنيد :
کد :
|
1 2 3 |
<p style="text-decoration: underline overline line-through" > Can you read this text ? </p > |
[/li] [li]
خروجی :
Can you read this text ?
[/li] [/list]
مقداد علی بخشی هستم. موسیقی دان، برنامه نویس، متخصص هوش مصنوعی، علم داده، متخصص بلاکچین و توسعه دهنده ربات های هوشمند.
دانش آموخته مقطع ارشد و دکتری دانشکده فنی دانشگاه تهران هستم. با سابقه تدریس درس برنامه نویسی در دانشگاه (پردیس بین الملل کیش دانشگاه تهران)