همانطور که مشاهده می کنید بدون استفاده از حروف بزرگ در نوشتن کد، متن ما با حروف بزرگ نمایش داده می شود.
این ویژگی چند مقدار دارد که در اینجا مشاهده می کنید:

  • none :
    با انتخاب این گزینه متن به همان صورتی که تایپ شده است نمایش داده می شود.
  • lowercase :
    با انتخاب این گزینه متن با حروف کوچک نمایش داده می شود.
  • uppercase :
    این گزینه متن را با حروف بزرگ نمایش می دهد.
  • capitalize :
    این گزینه حروف اول کلماتی را که با حروف کوچک نوشته شده اند با حروف بزرگ و بقیه حروف را با حروف کوچک نمایش می دهد. به مثال زیر توجه کنید:

کد HTML:
<div style="text-transform: capitalize">this is an example of capitalize value for text-transform propety</div>
متن به صورت زیر نمایش داده می شود:
This Is An Example Of Capitalize Value For Text-Transform Propety