چاپ کردن این صفحه

تنظیمات فاصله بین خطوط در CSS مطلب ویژه

توسط 09 فروردين, 1392 7919 0

در صورت مفید بودن این مقاله حتما نظر خودتان را در پایین مطلب برای ما ارسال کنید

تنظیمات فاصله بین خطوط در CSS

در مثال زیر مشاهده می کنید که با یک تغییر کوچک فاصله بین خطوط را کم یا زیاد میکنم . 

 

<html>
<head>
<style type='text/css'>
p.small {line-height : 70%;}
p.big {line-height : 200%;}
</style>
</head>
<body>
<p>
This is a paragraph with a standard line-height.<br />
This is a paragraph with a standard line-height.<br />
The default line height in most browsers is about 110% to 120%.<br />
</p>
------------------------------
<p class='small'>
This is a paragraph with a smaller line-height.<br />
This is a paragraph with a smaller line-height.<br />
This is a paragraph with a smaller line-height.<br />
This is a paragraph with a smaller line-height.<br />
</p>
------------------------------
<p class='big'>
This is a paragraph with a bigger line-height.<br />
This is a paragraph with a bigger line-height.<br />
This is a paragraph with a bigger line-height.<br />
This is a paragraph with a bigger line-height.<br />
</p>
</body>
</html>

 مشاهده دمو

این مورد را ارزیابی کنید
(0 رای‌ها)
آخرین ویرایش در جمعه, 08 خرداد 1394 ساعت 13:40

آخرین‌ها از سعید صبح خیز

تک وب دیزاین-قالب فارسی جوملا