صفت line height

صفت line height

توسط / CSS / یکشنبه, 29 مرداد 1396 ساعت 09:56

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

همان طور که گفته شد این صفت فاصله ی بین خطوط یک متن را تایین می کند. مثلا شما پاراگرافی دارین که از چندین خط تشکیل شده. برای این که بین خطوط این متن فاصله را کم کرده (به عنوان مثال) تا جای کم تری بگیرد و یا فاصله را زیاد کرده تا متن خواناتر شود از صفت line height باید استفاده کنید. برای درک بهتر این صفت به مثال زیر توجه کنید:

در HTML :

<p>این متن جهت تست می باشد .سایت ایران اکادمی.این متن جهت تست می باشد .سایت ایران اکادمی.این متن جهت تست می باشد .سایت ایران اکادمی.این متن جهت تست می باشد .سایت ایران اکادمی.این متن جهت تست می باشد .سایت ایران اکادمی.این متن جهت تست می باشد .سایت ایران اکادمی.این متن جهت تست می باشد .سایت ایران اکادمی.این متن جهت تست می باشد .سایت ایران اکادمی.این متن جهت تست می باشد .سایت ایران اکادمی.</p>

 

در CSS :

p{
line-height: 250%;
}

 

نتیجه به صورت زیر می شود. 

این متن جهت تست می باشد .سایت ایران اکادمی.این متن جهت تست می باشد .سایت ایران اکادمی.این متن جهت تست می باشد .سایت ایران اکادمی.این متن جهت تست می باشد .سایت ایران اکادمی.این متن جهت تست می باشد .سایت ایران اکادمی.این متن جهت تست می باشد .سایت ایران اکادمی.

 

 این صفت مانند صفات دییگر میتواند مقادیری مانند px ,cm ,pt و یا % بگیرد. در مثال بالا ما از % استفاده کردیم.

نویسنده

حسین منتظرتبریزی

حسین منتظرتبریزی

دانشجوی رشته ی نرم افزار علاقه مند به برنامه نویسی ،بازی سازی و طراحی سایت

نظر دادن

جهت شرکت در دوره  رایگان  7 اصل مدیریت مطلوب کسب و کار لطفا نام و ایمیل خود را وارد نمایید


ایران آکادمی را در شبکه های مجازی دنبال کنید:

کلیه حقوق مادی و معنوی این وب سایت متعلق به ایران آکادمی می‌باشد. قوانین این وب سایت، مبتنی بر قوانین جاری جمهوری اسلامی ایران است. © ۱۳۹۶

Please publish modules in offcanvas position.