آموزش ویژگی tab-size در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی tab-size در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی tab-size در CSS
با استفاده از ویژگی tab-size در CSS میتوان میزان فضا ( یا عرض تعداد کاراکتر ) هایی که باید با فشردن دکمه Tab بروی صفحه کلید بین متن ایجاد شود را مشخص و یا تعریف کرد.
بصورت پیش فرض خب همونطور که خودتونم میدونید وقتی کلید Tab رو از روی صفحه کلید فشار دهید یک فضای خالی ( فاصله ) مشخصی بین متن ایجاد میشود.
خب این فضای خالی در کل ۱ دونه فاصله ( کاراکتر فاصله ) هس، به نسبت تعداد Tab هایی که میزنید، یعنی اگه مثلا ۴بار Tab رو بزنید خب این یعنی ۴ فاصله ایجاد میشود، ولی ما میتونیم با استفاده از ویژگی tab-size عرض ( اندازه ) این فاصله رو به دلخواه خودمون مشخص کنیم.
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از ویژگی tab-size را در زبان CSS مشاهده نمایید.
|
1 2 3 4 5 6 7 |
pre.f1{ tab-size: 5; } pre.f2{ tab-size: 20; } |
Free-Learn
جدول مشخصات ویژگی tab-size در CSS
در جدول زیر میتوانید مشخصات کلی این ویژگی را در زبان CSS مشاهده نمایید.
| مقدار پیش فرض | ۸ |
|---|---|
| قابل ارث بری | دارد | اطلاعات بیشتر |
| قابل متحرک سازی | ندارد | اطلاعات بیشتر |
| نسخه | CSS3 |
| نحوه استفاده در جاوااسکریپت | object.style.tabSize=”20″; |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از ویژگی tab-size در صورت استفاده از عدد برای مقدار این ویژگی در CSS پشتیبانی میکنند یا خیر.
» عددی که در کنار -o- و -moz- وجود دارد ، یعنی از آن نسخه به بالا باید از این پیشوندها استفاده نمایید. ( درباره پیشوندها بیشتر بخوانید )
| نام ویژگی | Chrome | Firefox | Opera | Safari | IE |
| tab-size | ۲۱٫۰ | ۴٫۰ -moz- | ۱۵٫۰ ۱۱٫۵ -o- |
۶٫۱ | خیر |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در CSS بصورت زیر می باشد.
|
1 |
tab-size: number|length|initial|inherit; |
Free-Learn
جدول مقادیر ویژگی tab-size در CSS
در جدول زیر میتوانید، مقادیری را که میتوان در این ویژگی استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| number | یک عدد که میزان فضا ( فاصله ) کاراکتر Tab را مشخص میکند ( مقدار پیش فرض ۸ ) |
| length | استفاده از واحدهای اندازه گیری همچون px,em و.. ( آموزش واحدهای اندازه گیری در CSS ) |
| initial | استفاده از مقدار پیش فرض یا اولیه | اطلاعات بیشتر |
| inherit | استفاده از مقدار پدر یا والد ( به ارث بری ) | اطلاعات بیشتر |
Free-Learn
نکات و توضیحات
- استفاده از عدد در این ویژگی در مرورگر اینترنت اکسپلورر ( IE ) پشتیبانی نمیشود.
- استفاده از واحدهای اندازه گیری همچون px ,em و.. در این ویژگی در مرورگرهای اینترنت اکسپلورر ( IE ) و سافاری ( Safari ) پشتیبانی نمیشود.
- استفاده از واحدهای اندازه گیری همچون px,em و.. در این ویژگی در مرورگرهای فایرفاکس از نسخه ۵۳ و گوگل کروم از نسخه ۴۲ و اُپرا از نسخه ۲۹ به بالا پشتیبانی میشود.
