خاصيت text-decoration

•  نام خاصيت :

  text-decoration

• نوع خاصيت : 

  none
  underline
  overline
  line-through

• شرح : 

  از اين خواص در CSS برای اعمال جلوه های تصويری به نوشته استفاده می شود که يکی از خواص زير و يا ترکيبی از آنها را می توان استفاده کرد :
  – none : نوسشته به صورت ساده و بدون هيچ جلوه ای نمايش داده می شود که انتخاب پيش فرض است .
  – underline : نوشته به صورت خط زير دار نمايش داده می شود .
  – overline : نوشته به صورتی که يک خط در بالای آن کشيده شده ، نمايش داده می شود .
  – line-through : نوشته به صورتی که يک خط از وسط آن گذشته است ، نمايش داده می شود .

• کد :

  <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 >

• خروجی : 

  This is a paragraph
  This part is underline
  and this part is overline
  and this part is line through

• نکته : می توان به يک متن بيش از يک خاصيت text-decoration داد . به مثال زير توجه کنيد :

  کد :

  <p style="text-decoration: underline overline line-through" >
     Can you read this text ?
   </p >

• خروجی : 

  Can you read this text ?

The post خاصيت text-decoration appeared first on Tutorial24.