English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
إعداد خاصية الخط - خط الارتفاع CSSحجوميارتفاع الخطوط بين السطور في العنصر (مثل الفقرة) (يُسمى أيضًا مسافة السطر).
الجدول أدناه يوضح كيفية استخدام هذه الخاصية وأدلة التاريخ الإصدارات، بالإضافة إلى синтكس الخاصية في لغة الجافاسكربت.
| القيمة الافتراضية: | normal |
|---|---|
| تطبيق ل: | جميع العناصر |
| وراثة: | هو |
| يمكن تمريره: | نعم.يرجى الرجوع إلى خصائص الرسوم المتحركة。 |
| الإصدار: | CSS 1،2،3 |
| جملة JavaScript: | object.style.lineHeight="2" |
جملة النص الخاصة بالخصائص هي:
line-height: length | percentage | number | normal | initial | inherit
في المثال أدناه، يتم عرض كيفية استخدام خصائص line-height.
p {
line-height: 1.5;
}
div {
line-height: 300%;
}اختبر لمعرفة‹/›تحذير:النسبة المئوية (%) وقيمة em قد تنتج نتائج غير متوقعة. في معظم الحالات، في حالة الوراثة، يُفضل استخدام الرقم كطريقة إعداد مفضلة، ولن تظهر أي نتائج غير متوقعة. اكتشف المزيد عنوحدة CSSالمزيد من المعلومات.
جدول أدناه يصف قيم هذا الخصائص.
| القيمة | الوصف |
|---|---|
| normal | القيمة الافتراضية الخاصة بbrowser على سطح المكتب تتراوح حوالي 1.2، اعتمادًا على العنصرfont-family،هذا هو القيمة الافتراضية. |
| number | رقم، والرقم سيتم ضربه مع العنصرحجم الخطلإعداد خط العلوية. |
| length | يتم قياس وحدة بواسطة px، pt، cm، em وما إلى ذلك. لا يسمح بخط العلوية السلبية. |
| percentage | طريقة استخدام النسبة المئوية كعامل ضرب مشابهة لقيمة الرقمية-قيمة الحساب للخصائص تساوي النسبة المئوية المحددة للعنصر.حجم الخط。 |
| initial | ضبط هذا الخصائص إلى قيمته الافتراضية. |
| inherit | في حالة الوراثة، إذا تم استخدام قيمة رقمية لهذا الخصائص line-height، فإن العنصر الفرعي سي وراثة القيمة المحددة، وليس قيمة الحساب للخصائص. لا يسمح بالقيم السلبية. أما إذا تم استخدام النسبة المئوية، فإن العنصر الفرعي سي وراثة قيمة الحساب لهذا الخصائص، وليس النسبة المئوية المحددة. بالإضافة إلى ذلك، لا يسمح بالقيم السلبية. |
متطلبات التوافق لميزة line-height الخاصة بالbrowser، الأرقام في الجدول التالي تعكس أحدث إصدار من browser يدعم هذه الميزة؛ جميع browsers الشائعة يدعمون هذه الميزة.
|
يرجى الرجوع إلى الدروس التالية:CSS Text。