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

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

تنظیمات فاصله بین خطوط در 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>

 مشاهده دمو

آخرین بروز رسانیجمعه, 08 خرداد 1394 13:40

نوشتن دیدگاه

تصویر امنیتی
تصویر امنیتی جدید

دیدگاه‌ها   

0 #1 صادقی 1397-08-07 12:15
باسلام و احترام
یک سوال داشتم می خواستم شما اطلاع دارید که چطوری می شود فاصله اینتر را کم کرد وقتی من در ادیتور وردپرس اینتر می زنم فاصله بین تیتر و متن خیلی زیاد است انگار چند اینتر خورده است
ممنون می شوم اگر اطلاع دارید بنده را راهنمایی کنید
نقل قول کردن

آخرین مطالب آموزشی

«
  • 1
  • 2
  • 3
»
تک وب دیزاین-قالب فارسی جوملا