آموزش ویژگی text-transform در CSS

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

آموزش ویژگی text-transform در CSS

Free-Learn

ویژگی text-transform در CSS

با استفاده از ویژگی text-transform در CSS میتوان حروف / کاراکترهای یک متن ( محتوا ) را تبدیل کرد ، منظور از این تبدیل یعنی مثلا تمامی حروف یک متن را به حروف بزرگ تبدیل کنیم یا همه رو به حروف کوچک تبدیل کنیم.

Free-Learn

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

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

امتحان کنید

Free-Learn

جدول مشخصات ویژگی text-transform در CSS

در جدول زیر میتوانید مشخصات کلی این ویژگی را در زبان CSS مشاهده نمایید.

مقدار پیش فرض none
قابل ارث بری دارد | اطلاعات بیشتر
قابل متحرک سازی ندارد | اطلاعات بیشتر
نسخه CSS1
نحوه استفاده در جاوااسکریپت object.style.textTransform=”uppercase”;

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از ویژگی text-transform در CSS پشتیبانی میکنند یا خیر.

نام ویژگی Chrome Firefox Opera Safari IE
text-transform ۴٫۰ ۲٫۰ ۱۰٫۰ ۳٫۱ ۶٫۰

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در CSS بصورت زیر می باشد.

Free-Learn

جدول مقادیر ویژگی text-transform در CSS

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

مقدار توضیح
none پیش فرض – هیچ تبدیلی بروی متن انجام نمیشود
capitalize حروف اول هر کلمه بزرگ میشود
uppercase تمامی حروف متن به حروف بزرگ تبدیل میشوند
lowercase تمامی حروف متن به حروف کوچک تبدیل میشوند
initial استفاده از مقدار پیش فرض یا اولیه | اطلاعات بیشتر
inherit استفاده از مقدار پدر یا والد ( به ارث بری ) | اطلاعات بیشتر

Free-Learn

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

در مرورگرهای گوگل کروم ، اُپرا و سافاری این ویژگی بروی شبه عنصر first-line:: عمل نمیکند.

Free-Learn

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