خصوصیت text-transform
مثال (خصوصیت text-transform)
تبدیل بزرگی و کوچکی حروف:
h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}
خودتان امتحان کنید »h2 {text-transform:capitalize;}
p {text-transform:lowercase;}
تعریف و کاربرد
با استفاده از خصوصیت text-transform می توان حروف یک متن را به حروف بزرگ یا کوچک تبدیل کرد.
| مقدار پیشفرض | none |
|---|---|
| ارث بری | بله |
| نسخه | CSS1 |
| JavaScript ساختار | object.style.textTransform="uppercase" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت text-transform را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| none |
تبدیلی صورت نمی گیرد. حروف به همان صورتی که هستند نمایش داده می شود. مقدار پیش فرض است. |
نمایش دادن » |
| capitalize |
حرف اول هر کلمه را تبدیل به حرف بزرگ می کند. |
نمایش دادن » |
| uppercase |
تمام کاراکترها را تبدیل به حرف بزرگ می کند. |
نمایش دادن » |
| lowercase | تمام کاراکترها را تبدیل به حرف کوچک می کند. | نمایش دادن » |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
Styling Text (بیاموز CSS)
CSS3 Text Effect (بیاموز CSS3)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 10911
