سبد (0)

خصوصیت text-transform

مثال (خصوصیت text-transform)

تبدیل بزرگی و کوچکی حروف:

h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}
خودتان امتحان کنید »

تعریف و کاربرد

با استفاده از خصوصیت text-transform می توان حروف یک متن را به حروف بزرگ یا کوچک تبدیل کرد.

مقدار پیشفرض none
ارث بری بله
نسخه CSS1
JavaScript ساختار object.style.textTransform="uppercase"

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت text-transform را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.


مقدارهای خصوصیت

مقدارتوضیحاتنمایش دادن
none

تبدیلی صورت نمی گیرد. حروف به همان صورتی که هستند نمایش داده می شود. مقدار پیش فرض است.

نمایش دادن »
capitalize

حرف اول هر کلمه را تبدیل به حرف بزرگ می کند.

نمایش دادن »
uppercase

تمام کاراکترها را تبدیل به حرف بزرگ می کند.

نمایش دادن »
lowercase تمام کاراکترها را تبدیل به حرف کوچک می کند. نمایش دادن »
inherit تعیین می کند که باید از والدش، ارث بری داشته باشد.  

بیاموزهای مرتبط

Styling Text (بیاموز CSS)

CSS3 Text Effect (بیاموز CSS3)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه