استفاده از Property CSS Line-Height برای دریافت خط فاصله CSS
یاد بگیرید چگونه از خط ارتفاع سبک CSS استفاده کنید تا فاصله خط خود را در صفحات وب خود تاثیر بگذارد.
مقادیر فاصله کانونی CSS
فاصله خطوط CSS توسط خط ارتفاع سبک CSS تحت تاثیر قرار می گیرد. این ویژگی تا 5 مقدار مختلف را میگیرد:
- نرمال: مرورگر یک مقدار برای فاصله خط را تعیین می کند که مربوط به اندازه فونت است. این معمولا همان اندازه فونت یا کمی بزرگتر (مانند 20٪) است.
- به ارث برده می شود: فاصله خط از فاصله خط فاصله عنصر والد گرفته می شود. بنابراین اگر خط ارتفاع تگ بدن خود را به 30٪ بزرگتر از اندازه فونت و علامت های پاراگراف داخل آن تنظیم کنید، آنها همچنین دارای ارتفاع خط 30٪ بزرگتر از اندازه فونت هستند.
- یک عدد: اگر مقدار ارتفاع خطی هیچ واحد اندازه گیری نداشته باشد، آن را به عنوان ضرب در اندازه قلم برای ارتفاع خط در نظر گرفته می شود. بنابراین ارتفاع خط 25/1 25 درصد بزرگتر از اندازه فونت است.
- طول: اگر مقدار خط ارتفاع دارای یک واحد اندازه گیری باشد، این مقدار دقیق فضای بین خطوط باید باشد. بنابراین، 1.25 میلی متر، خطوط 1.25 میلیمتر را از هم جدا می کند.
- یک درصد: اگر خط ارتفاع یک درصد باشد، این درصد از اندازه فونت است. بنابراین ارتفاع خط 125٪ 25٪ بزرگتر از اندازه فونت است.
کدام مقدار باید برای فاصله کانونی CSS استفاده شود
در بیشتر موارد، بهترین گزینه برای فاصله خط است که آن را به طور پیش فرض - یا "طبیعی" - ترک کنید. این به طور کلی بیشتر قابل خواندن است و نیازی به انجام کاری خاص ندارد. اما تغییر فاصله خط می تواند متن شما احساس متفاوت به آن را داشته باشد.
اگر اندازه فونت شما به عنوان ems یا درصد تعریف شده باشد ، خط ارتفاع شما نیز باید به این شکل تعریف شود. این فرم انعطاف پذیر ترین فاصله خط است زیرا اجازه می دهد خواننده فونت های خود را تغییر اندازه دهد و همین نسبت را در فاصله خط خود نگه دارد.
ارتفاع خط را برای صفحات سبک چاپ با مقدار نقطه (pt) تنظیم کنید. نقطه اندازه گیری چاپ است، بنابراین اندازه قلم شما باید در نقاط باشد.
من دوست ندارم از انتخاب شماره استفاده کنم چون متوجه شدم که برای مردم بسیار گیج کننده است. بسیاری از مردم فکر می کنند که این عدد یک اندازه مطلق است و بنابراین آن را بزرگ می کند. به عنوان مثال، شما ممکن است فونت تنظیم شده در 14px داشته باشید و سپس ارتفاع خط خود را به 14 تنظیم کنید - که در نتیجه فاصله زیادی بین خطوط ایجاد می شود؛ زیرا فاصله خط به 14 برابر اندازه فونت تنظیم شده است.
چقدر فضای مورد استفاده برای فاصله خط شما
همانطور که در بالا ذکر شد، توصیه می کنم از فاصله خط فاصله پیش فرض استفاده کنید مگر اینکه دلیل خاصی برای تغییر آن داشته باشید. تغییر فاصله خط می تواند اثرات متفاوتی داشته باشد:
- متن بسیار با هم ممکن است برای خواندن دشوار باشد. اما فضاهای کوچک خط می تواند خلق و خوی متن را تحت تاثیر قرار دهد. اگر متن را با هم بچرخانید، می تواند حس متن را تیره تر یا بیشتر کند.
- متن که از هم دورتر است می تواند برای خواندن دشوار باشد. اما فضای خطوط گسترده باعث می شود که متن متنوع و مایع باشد.
- تغییر فاصله خط می تواند متن ایجاد کند که در غیر این صورت در یک فضا مناسب تر نیست و یا فضای بیشتری در طرح های شما می گیرد.