ویژگی line-height در css
ویژگی line-height در css ارتفاع خطوط متن تگ html
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد صفت line-height در زبان css توضیحاتی را ارائه نماییم.
ویژگی کاربردی line-height در زبان css و در اولین نسخه این زبان طراحی یعنی css1 معرفی شده است.
معرفی و کاربرد ویژگی جدید line-height در زبان طراحی css
به کمک خاصیت line-height در CSS1 می توانیم ارتفاع ردیف های یک نوشته را درون یک تگ html مشخص کنیم.
مقادیر صفت جدید line-height در زبان طراحی css
صفت جدید line-height که در زبان طراحی CSS1 معرفی شده است، 6 مقدار می پذیرد که عبارتند از:
- مقدار normal
- مقدار number
- مقدار length ( مقدار عددی )
- مقدار % ( مقدار درصدی )
- مقدار initial
- مقدار inherit
مقدار normal درون خاصیت line-height در زبان سی اس اس
اگر خاصیت line-height را برای یک تگ html برابر با مقدار normal تعریف کنیم، یک ارتفاع نرمال خطوط نوشته برای تگ html مربوطه در نظر گرفته می شود. ( مقدار پیش فرض )
[html] p{ line-height:normal; }[/html]
مقدار number درون خاصیت line-height در زبان سی اس اس
اگر خاصیت line-height را برای یک تگ html برابر با مقدار number تعریف کنیم، یک شماره برای اندازه ارتفاع خطوط نوشته تگ html مربوطه در نظر گرفته می شود.
[html] p{ line-height:2; }[/html]
ویژگی line-height در css ارتفاع خطوط متن تگ html
مقدار length ( مقدار عددی ) درون خاصیت line-height در زبان سی اس اس
اگر خاصیت line-height را برای یک تگ html برابر با مقدار number تعریف کنیم، یک مقدار عددی اعم از px , pt , cm و … برای اندازه ارتفاع خطوط نوشته تگ html مربوطه در نظر گرفته می شود.
[html] p{ line-height:25px; }[/html]
مقدار % ( مقدار درصدی ) درون خاصیت line-height در زبان سی اس اس
اگر خاصیت line-height را برای یک تگ html برابر با مقدار % ( مقدار درصدی ) تعریف کنیم، یک مقدار درصدی ( % ) برای اندازه ارتفاع خطوط نوشته تگ html مربوطه در نظر گرفته می شود.
[html] p{ line-height:20%; }[/html]
مقدار initial درون خاصیت line-height در زبان سی اس اس
اگر خاصیت line-height را برابر با مقدار initial تعریف کنیم، در حقیقت مقدار پیش فرض این خصوصیت برای تگ html مورد نظر اعمال می شود.
مقدار inherit درون خاصیت line-height در زبان سی اس اس
اگر خاصیت line-height را برابر با مقدار inherit تعریف کنیم، در واقع تگ html مربوطه خصوصیت مورد نظر را از والد پدری خود به ارث می برد.
بررسی خاصیت line-height از نظر نسخه زبان طراحی سی اس اس
ویژگی کاربردی line-height در زبان css و در اولین نسخه این زبان طراحی یعنی css1 معرفی شده است.
بررسی ساختاری خصوصیت line-height در زبان طراحی سی اس اس
عناوین ساختاری خاصیت line-height | وضعیت ساختاری خاصیت line-height |
مقدار پیش فرض | normal |
قابلیت توارث | دارد |
قابلیت تحرک | دارد |
ورژن css صفت | CSS1 |
سینتکس صفت در جاوا اسکریپت | "object.style.lineHeight="30px |
پشتیبانی مرورگرهای اینترنتی از خاصیت line-height در زبان طراحی سی اس اس
خاصیت css | ![]() | ![]() | ![]() | ![]() | ![]() |
line-height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
ویژگی line-height در css ارتفاع خطوط متن تگ html – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید