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