ویژگی tab-size در css
ویژگی tab-size در css تعیین عرض کاراکتر تب در css
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد خاصیت tab-size در زبان css توضیحاتی را ارائه نماییم.
ویژگی کاربردی tab-size در سومین نسخه این زبان طراحی یعنی css3 معرفی شده است.
معرفی و کاربرد ویژگی tab-size در زبان طراحی css
به کمک خاصیت tab-size می توانیم عرض کاراکتر تب را در برخی عناصر html مشخص نماییم.
در HTML ، نماد تب معمولا به عنوان یک کاراکتر space یا فاصله نمایش داده می شود.
اما در برخی عناصر html ، مانند تگ textarea و تگ pre جهت تعیین عرض کاراکتر تب از خصوصیت tab-size استفاده می کنند.
مقادیر صفت کاربردی tab-size در زبان طراحی سی اس اس
صفت tab-size که در زبان طراحی CSS3 معرفی شده است، 4 مقدار می پذیرد که عبارتند از:
- مقدار number
- مقدار length ( مقدار عددی )
- مقدار initial
- مقدار inherit
مقدار number درون خاصیت tab-size در زبان css
اگر خاصیت tab-size را برای یک عنصر html برابر با مقدار number قرار دهیم، در حقیقت می خواهیم یک شماره برای عرض کاراکتر تب در تگ html مربوطه تعیین کنیم.
شماره 8 به عنوان مقدار پیش فرض خصوصیت tab-size محسوب می شود.
[html] div{ tab-size: 5; }[/html]
مقدار length ( مقدار عددی ) درون خاصیت tab-size در زبان سی اس اس
اگر خاصیت tab-size را برای یک عنصر html برابر با مقدار length ( مقدار عددی ) قرار دهیم، یک مقدار عددی برای طول کاراکتر تب در تگ html مربوطه تعیین کنیم.
نکته مهم
این مقدار تا به امروز در هیچکدام از مرورگرهای مهم و اصلی پشتیبانی نمی شود.
[html] div{ tab-size: 50px; }[/html]
مقدار initial درون خاصیت tab-size در زبان css
اگر خاصیت tab-size را برابر با مقدار initial تعریف کنیم، در حقیقت مقدار پیش فرض این خصوصیت برای تگ html مورد نظر اعمال می شود.
مقدار inherit درون خاصیت tab-size در زبان سی اس اس
اگر خاصیت tab-size را برابر با مقدار inherit تعریف کنیم، در واقع تگ html مربوطه خصوصیت مورد نظر را از والد پدری خود به ارث می برد.
بررسی خاصیت tab-size از نظر نسخه زبان طراحی css
ویژگی کاربردی tab-size در سومین نسخه این زبان طراحی یعنی css3 معرفی شده است.
بررسی ساختاری خصوصیت tab-size در زبان طراحی سی اس اس
عناوین ساختاری خاصیت tab-size | وضعیت ساختاری خاصیت tab-size |
مقدار پیش فرض | 8 |
قابلیت توارث | دارد |
قابلیت تحرک | ندارد |
ورژن css صفت | CSS3 |
سینتکس صفت در جاوا اسکریپت | "object.style.tabSize="16 |
پشتیبانی مرورگرهای اینترنتی از خاصیت tab-size در زبان طراحی css
خاصیت css | ![]() | ![]() | ![]() | ![]() | ![]() |
tab-size | 21.0 | عدم پشتیبانی | 4.0 به بالا همراه -moz- | 6.1 | 15.0 |
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
ویژگی tab-size در css تعیین عرض کاراکتر تب در css – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید