خصوصیت 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"

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

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

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

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

مقدار	توضیحات	نمایش دادن
none	تبدیلی صورت نمی گیرد. حروف به همان صورتی که هستند نمایش داده می شود. مقدار پیش فرض است.	نمایش دادن »
capitalize	حرف اول هر کلمه را تبدیل به حرف بزرگ می کند.	نمایش دادن »
uppercase	تمام کاراکترها را تبدیل به حرف بزرگ می کند.	نمایش دادن »
lowercase	تمام کاراکترها را تبدیل به حرف کوچک می کند.	نمایش دادن »
inherit	تعیین می کند که باید از والدش، ارث بری داشته باشد.

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

Styling Text (بیاموز CSS)

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

: نوشته شده توسط امیر پهلوان صادق; بازدید: 10678