خصوصیت line-height
مثال (خصوصیت line-height)
تنظیم کردن ارتفاع خطوط به درصد:
p.big {line-height:200%}
در انتهای این آموزش، مثال های بیشتری را خواهید دید.
تعریف و کاربرد
با استفاده از خصوصیت line-height می توان ارتفاع خطوط را مشخص کرد.
توجه: مقادیر منفی غیر قابل قبول است.
| مقدار پیشفرض | normal |
|---|---|
| ارث بری | بله |
| نسخه | CSS1 |
| JavaScript ساختار | object.style.lineHeight="2" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت line-height را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| normal | ارتفاع خطوط به صورت نرمال می باشد. این مقدار پیش فرض است. | نمایش دادن » |
| number |
عددی است که در سایز فونت فعلی ضرب می شود، تا ارتفاع خط را تنظیم کند. |
نمایش دادن » |
| length |
ارتفاع خط میزان ثابتی به درصد، پیکسل، سانتی متر و غیره است. |
نمایش دادن » |
| % |
ارتفاع خط به نسبت میزان ارتفاع فعلی خط به درصد مشخص می شود. |
نمایش دادن » |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
مثال - خودتان امتحان کنید
Specify the space between lines using a pixel value
این مثال، تعیین فاصله بین خطوط را با استفاده از مقادیر پیکسلی نشان می دهد.
Specify the space between lines using a number value
این مثال، تعیین فاصله بین خطوط را با استفاده از مقادیر عددی مشخص می کند.
بیاموزهای مرتبط
Styling Text (بیاموز CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 12396
