ارتفاع خط

ویژگی خط CSS خط ارتفاع یک جعبه خط را تعیین می کند. معمولاً برای تعیین فاصله بین خطوط متن استفاده می شود. در عناصر سطح بلوک ، حداقل ارتفاع جعبه های خط درون عنصر را مشخص می کند. در عناصر درون خطی غیر تنظیم شده ، ارتفاع مورد استفاده برای محاسبه ارتفاع جعبه خط را مشخص می کند.

امتحانش کن

نحو

/ * مقدار کلمه کلیدی */ ارتفاع خط:طبیعی; / * مقادیر بدون واحد: از این عدد ضرب شده توسط اندازه قلم عنصر استفاده کنید */ ارتفاع خط:3. 5; /* ارزش های */ ارتفاع خط:3M; /* ارزش های */ ارتفاع خط:34 ٪; / * ارزشهای جهانی */ ارتفاع خط:به ارث می برند; ارتفاع خط:اولیه; ارتفاع خط:بازگشت; ارتفاع خط:لایه برگشتی; ارتفاع خط:ناراضی; 

خاصیت خط ارتفاع به عنوان هر یک از موارد زیر مشخص شده است:

ارزش های

طبیعی

بستگی به عامل کاربر دارد. مرورگرهای دسک تاپ (از جمله Firefox) بسته به خانواده فونت عنصر ، از مقدار پیش فرض تقریبا 1. 2 استفاده می کنند.

ارتفاع خط را به ارتفاع محتوای بلوک فعلی تنظیم می کند.

نگرانی های دسترسی

برای محتوای اصلی پاراگراف از حداقل مقدار 1. 5 برای ارتفاع خط استفاده کنید. این امر به افرادی که شرایط کم بینایی را تجربه می کنند ، و همچنین افرادی که نگرانی های شناختی مانند دیسکسکسی دارند ، کمک می کند. اگر صفحه برای افزایش اندازه متن بزرگنمایی شود ، با استفاده از یک مقدار بدون واحد تضمین می کند که ارتفاع خط متناسب باشد.

تعریف رسمی

نحو رسمی

مثال ها

مثال اساسی

/ * کلیه قوانین زیر دارای ارتفاع خط نتیجه یکسان هستند */ / * شماره/بدون واحد */ قسمت  ارتفاع خط:1. 2; اندازه فونت:10pt; > / * طول */ قسمت  ارتفاع خط:1. 2em; اندازه فونت:10pt; > / * درصد */ قسمت  ارتفاع خط:120 ٪; اندازه فونت:10pt; > / * فونت Shorthand */ قسمت  قلم:10pt/1. 2 جورجیا, "منشور bitstream",گروه; > 

غالباً تنظیم ارتفاع خط با استفاده از قلم فونت همانطور که در بالا نشان داده شده است ، راحت تر است ، اما این امر مستلزم آن است که خاصیت خانوادگی فونت نیز مشخص شود.

اعداد بدون واحد را برای مقادیر ارتفاع خط ترجیح دهید

HTML

قسمت طبقه="جعبه سبز"> h1>با استفاده از خط بدون خط واحد ، از نتایج غیر منتظره خودداری کنید.h1>طول و درصد از ارتفاع خط دارای رفتار وراثت ضعیفی است.قسمت> قسمت طبقه="جعبه قرمز"> h1>با استفاده از خط بدون خط واحد ، از نتایج غیر منتظره خودداری کنید.h1>طول و درصد از ارتفاع خط دارای رفتار وراثت ضعیفی استقسمت>  line-height is calculated from its own font-size (30px × 1.1) = 33px >  line-height results from the red div's font-size (15px × 1.1) = 16.5px, probably not what you want > 

CSS

. سبز  ارتفاع خط:1. 1; مرز:لیموگر جامد; > . قرمز  ارتفاع خط:1. 1em; مرز:قرمز جامد; > h1  اندازه فونت:30 px; > . جعبه  عرض:18EM; نمایش دادن:درون خطی; با هم تحول:بالا; اندازه فونت:15 قطعه; > 

نتیجه

مشخصات فنی

سازگاری مرورگر

جداول BCD فقط در مرورگر بارگیری می شود

همچنین ببینید

با این صفحه مشکل محتوا پیدا کرده اید؟

• صفحه را در GitHub ویرایش کنید.
• گزارش محتوا را گزارش دهید.
• منبع را در GitHub مشاهده کنید.

این صفحه آخرین بار در 21 فوریه 2023 توسط همکاران MDN اصلاح شد.

طرح شما برای اینترنت بهتر.

مگد

حمایت کردن

• کمک محصول
• گزارش یک موضوع

جوامع ما

توسعه دهنده

• فن آوری های وب
• توسعه وب را بیاموزید
• MDN به علاوه

• اطلاعیه حریم خصوصی وب سایت
• بیسکویت ها
• مجاز
• دستورالعمل مشارکت جامعه

به والدین غیر انتفاعی شرکت موزیلا ، بنیاد موزیلا مراجعه کنید. بخش هایی از این محتوا © 1998 - 2023 توسط مشارکت کنندگان mozilla. org است. محتوای موجود تحت مجوز Creative Commons.< SPAN> لیموگر جامد