سبد (0)

تبلیغات

خصوصیت line-height

مثال (خصوصیت line-height)

تنظیم کردن ارتفاع خطوط به درصد:

p.small {line-height:90%}
p.big {line-height:200%}
خودتان امتحان کنید »

در انتهای این آموزش، مثال های بیشتری را خواهید دید.


تعریف و کاربرد

با استفاده از خصوصیت line-height می توان ارتفاع خطوط را مشخص کرد.

توجه: مقادیر منفی غیر قابل قبول است.

مقدار پیشفرض normal
ارث بری بله
نسخه CSS1
JavaScript ساختار object.style.lineHeight="2"

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت line-height را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.


مقدارهای خصوصیت

مقدارتوضیحاتنمایش دادن
normal  ارتفاع خطوط به صورت نرمال می باشد. این مقدار پیش فرض است. نمایش دادن »
number

عددی است که در سایز فونت فعلی ضرب می شود، تا ارتفاع خط را تنظیم کند.

نمایش دادن »
length

ارتفاع خط میزان ثابتی به درصد، پیکسل، سانتی متر و غیره است.

نمایش دادن »
%

ارتفاع خط به نسبت میزان ارتفاع فعلی خط به درصد مشخص می شود.

نمایش دادن »
inherit تعیین می کند که باید از والدش، ارث بری داشته باشد.  

مثالs

مثال - خودتان امتحان کنید

Specify the space between lines using a pixel value

این مثال، تعیین فاصله بین خطوط را با استفاده از مقادیر پیکسلی نشان می دهد.

Specify the space between lines using a number value

این مثال، تعیین فاصله بین خطوط را با استفاده از مقادیر عددی مشخص می کند.


بیاموزهای مرتبط

Styling Text (بیاموز CSS)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی