دليل CSS الأساسي

نموذج الصندوق في CSS

دليل CSS3 الأساسي

دليل CSS

قواعد CSS

تحديد التسوية العمودية CSS (تحديد التسوية العمودية)محددات الخصائص CSS (محددات الخصائص)

ارتفاع الخط CSS (ارتفاع الخط)

خصائص طول الخط في CSS line-heightللمستخدمأعلى الحد الأدنى للخطوط المحددة في العنصر. يحدد هذا الخصائص المسافة بين السطرين في النص

يحدد هذا الخصائص كمية المسافة بين العناصر الداخلية للعنصر. يسمح لك بضبط طول الخط بشكل مستقل عن حجم الخط

قيمة طول الخط في CSS

يجب استخدام قيمة طول الخط مع خاصية line-height في CSS

القيمة	الوصف
طبيعي	هذا القيمة الافتراضية. يحدد هذا الخصائص طول الخط الطبيعي
رقم	يحدد هذا الخصائص رقمًا يتم ضربه مع حجم الخط الحالي لضبط طول الخط
طول	يستخدم هذا الخصائص لضبط طول الخط باستخدام px،pt،cm وما إلى ذلك
%	يحدد هذا الخصائص بناءً على نسبة الخط الحالي
الافتراضي	يضبط هذا الخصائص إلى قيمته الافتراضية
توريث	يورث هذا الخصائص من العنصر الأب

مثال طول الخط في CSS

مثال

<!DOCTYPE　html>　　
<html>　　
<head>　　
<style>　　
h3.small　{　　
　　　　line-height:　70%;　　
}　　
h3.big　{　　
　　　　line-height:　200%;　　
}　　
</style>　　
</head>　　
<body>　　
<h3>　　
هذا عنوان يحتوي على مسافة سطر افتراضية.<br>　　
هذا عنوان يحتوي على مسافة سطر افتراضية.<br>　　
تكون المسافة بين السطور الافتراضية في معظم المتصفحات حوالي 110٪ إلى 120٪.<br>　　
</h3>　　
<h3　class="small">　　
هذا عنوان يحتوي على مسافة سطر صغيرة.<br>　　
هذا عنوان يحتوي على مسافة سطر صغيرة.<br>　　
هذا عنوان يحتوي على مسافة سطر صغيرة.<br>　　
هذا عنوان يحتوي على مسافة سطر صغيرة.<br>　　
</h3>　　
<h3　class="big">　　
هذا عنوان يحتوي على مسافة سطر كبيرة.<br>　　
هذا عنوان يحتوي على مسافة سطر كبيرة.<br>　　
هذا عنوان يحتوي على مسافة سطر كبيرة.<br>　　
هذا عنوان يحتوي على مسافة سطر كبيرة.<br>　　
</h3>　　
</body>　　
</html>

الاختبار لرؤية‹/›

تحديد التسوية العمودية CSS (تحديد التسوية العمودية)محددات الخصائص CSS (محددات الخصائص)