مثال
تعيين ارتفاع الخط في المئة:
p.small {
line-height: 90%;
}
p.big {
line-height: 200%;
}
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف واستخدام
تحدد الخاصية خط الطول والارتفاع خط.
Note: لا يسمح القيم السلبية.
| القيمة الافتراضية: | normal |
|---|---|
| وارث: | yes |
| Animatable: | yes. Read about animatable Try it |
| الإصدار: | CSS1 |
| جافا سكريبت بناء الجملة: | object .style.lineHeight="30px" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| line-height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS بناء الجملة
line-height: normal|number|length|initial|inherit;قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| normal | وارتفاع خط عادي. هذا هو الافتراضي | العبها " |
| number | وهناك عدد من شأنها أن تتضاعف مع حجم الخط الحالي لضبط ارتفاع الخط | العبها " |
| length | وارتفاع خط ثابت في مقصف، وحزب العمال، سم، الخ | العبها " |
| % | وارتفاع خط في المئة من حجم الخط الحالي | العبها " |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | العبها " |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
مزيد من الأمثلة
مثال
تحديد مساحة بين السطور في فقرتين باستخدام قيمة بكسل.
p.small {
line-height: 10px;
}
p.big {
line-height: 30px;
} انها محاولة لنفسك » مثال
تحديد مساحة بين السطور في فقرتين باستخدام قيمة العدد.
p.small {
line-height: 0.5;
}
p.big {
line-height: 2;
} انها محاولة لنفسك » صفحات ذات صلة
درس CSS: CSS النص
HTML DOM المرجع lineHeight property