تبدیل متن CSS

تبدیل متن CSS

دسته بندی : آموزش CSS سطح مقاله : متوسط زمان مطالعه : 1 دقیقه آخرین بروز رسانی: 26 بهمن 1399

با استفاده از ویژگی تبدیل متن CSS ، می توانید بزرگ نوشتن متن را کنترل کنید:

p.lowercase {
    text-transform: lowercase;
}

بررسی تبدیل متن CSS

نحو این ویژگی به شرح زیر است:

تبدیل متن: مقدار؛

نمونه ای از استفاده از تبدیل متن را در زیر مشاهده کنید:


div.a {
    text-transform: uppercase;
}

div.b {
    text-transform: lowercase;
}

div.c {
    text-transform: capitalize;
}

مقادیر موجود در جدول توضیح داده شده است.

DescriptionValue
مقدار پیش فرض متن به طور معمول ارائه می شودnone
باعث می شود CSS حرف اول هر کلمه را بزرگ بنویسدcapitalize
باعث می شود CSS تمام حروف را بزرگ کندuppercase
هیچ حرفی بزرگ نیستlowercase
همه کاراکترها در داخل یک مربع نوشته شده اند و می توانند تراز شوندfull-width
همه نویسه های کانا به اندازه کامل تبدیل می شوند (برای حاشیه نویسی یاقوت استفاده می شود)full-size-kana

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

این تگ در مرورگرهای IE ، safari ، firefox، cherom، opera وEdge پشتیبانی می شود.

در دوره آموزش HTML و CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊