خاصيت line-height برای Text

•  نام خاصيت :

  line-height

• نوع خاصيت : 

  معمولی normal
  عدد number
  اندازه length
  درصد %

• شرح : 

  به وسيله اين خاصيت می توان فاصله بين خطوط را در پاراگراف را به وسیله CSS تعيين کرد . برای اين کار يکی از حالت های زير را بايد استفاده کرد :
  – normal : فاصله بين خطوط در اين حالت به اندازه استاندارد و معمولی است ، که انتخاب پيش فرض است .
  – number : يک عدد معمولی را تعيين می کنيم ، که اين عدد در اندازه استاندارد فاصله خطوط ضرب شده و اندازه جديد را ايجاد می کند . برای مثال اگر عدد 2 انتخاب شود ، فاصله بين خطوط 2 برابر اندازه معمولی می شود .
  – length : به وسيله اين خاصيت يک اندازه بر حسب واحدی مثل پيکسل ( pixel ) ، نقطه ( pt ) و … را برای فاصله خطوط تعيين می کنيم .
  – درصد % : به وسيله اين حالت نسبت اندازه مورد نظر را به اندازه استاندارد فاصله خطوط تعيين می کنيم . برای مثال اگر 150% تعيين شود ، اندازه خطوط 5/1 برابر اندازه استاندارد می شود .

• کد :

  <p style= "color : blue ; line-height: 2 " >
      In this paragrph line height is 2 . 
      In this paragrph line height is 2 . 
      In this paragrph line height is 2 . 
   </p > 
  <p style= "color : #AB4588 ; line-height: 12px " >
      In this paragrph line height is 12px . 
      In this paragrph line height is 12px . 
      In this paragrph line height is 12px . 
   </p > 
  <p style= "color : green ; line-height: 150% " >
      In this paragrph line height is 150% . 
      In this paragrph line height is 150% . 
      In this paragrph line height is 150% . 
   </p >

• خروجی : 

  In this paragrph line height is 2 .
  In this paragrph line height is 2 .
  In this paragrph line height is 2 .

  In this paragrph line height is 12px .
  In this paragrph line height is 12px .
  In this paragrph line height is 12px .

  In this paragrph line height is 150% .
  In this paragrph line height is 150% .
  In this paragrph line height is 150% .

The post خاصيت line-height برای Text appeared first on Tutorial24.