آموزش ویژگی tab-size در CSS

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی tab-size در CSS با من همراه باشید.

آموزش ویژگی tab-size در CSS

Free-Learn

ویژگی tab-size در CSS

با استفاده از ویژگی tab-size در CSS میتوان میزان فضا ( یا عرض تعداد کاراکتر ) هایی که باید با فشردن دکمه Tab بروی صفحه کلید بین متن ایجاد شود را مشخص و یا تعریف کرد.

بصورت پیش فرض خب همونطور که خودتونم میدونید وقتی کلید Tab رو از روی صفحه کلید فشار دهید یک فضای خالی ( فاصله ) مشخصی بین متن ایجاد میشود.

خب این فضای خالی در کل ۱ دونه فاصله ( کاراکتر فاصله ) هس، به نسبت تعداد Tab هایی که میزنید، یعنی اگه مثلا ۴بار Tab رو بزنید خب این یعنی ۴ فاصله ایجاد میشود، ولی ما میتونیم با استفاده از ویژگی tab-size عرض ( اندازه ) این فاصله رو به دلخواه خودمون مشخص کنیم.

این ویژگی معمولا در تگ های سطح بلاکی همچون TextArea و Pre مورد استفاده قرار میگیرد.

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از ویژگی tab-size را در زبان CSS مشاهده نمایید.

امتحان کنید

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 بصورت زیر می باشد.

Free-Learn

جدول مقادیر ویژگی tab-size در CSS

در جدول زیر میتوانید، مقادیری را که میتوان در این ویژگی استفاده کرد مشاهده نمایید.

مقدار توضیح
number یک عدد که میزان فضا ( فاصله ) کاراکتر Tab را مشخص میکند
( مقدار پیش فرض ۸ )
length استفاده از واحدهای اندازه گیری همچون px,em و..
( آموزش واحدهای اندازه گیری در CSS )
initial استفاده از مقدار پیش فرض یا اولیه | اطلاعات بیشتر
inherit استفاده از مقدار پدر یا والد ( به ارث بری ) | اطلاعات بیشتر

Free-Learn

نکات و توضیحات

  • استفاده از عدد در این ویژگی در مرورگر اینترنت اکسپلورر ( IE ) پشتیبانی نمیشود.
  • استفاده از واحدهای اندازه گیری همچون px ,em و.. در این ویژگی در مرورگرهای اینترنت اکسپلورر ( IE ) و سافاری ( Safari ) پشتیبانی نمیشود.
  • استفاده از واحدهای اندازه گیری همچون px,em و.. در این ویژگی در مرورگرهای فایرفاکس از نسخه ۵۳ و گوگل کروم از نسخه ۴۲ و اُپرا از نسخه ۲۹ به بالا پشتیبانی میشود.

Free-Learn

دریافت PDF یا پرینت این مطلب