text-transform ගුණය

text-transform ගුණය අකුරු වල අකුරු සටහන් පරිවර්තනය කරයි: ඉහළ සටහන (විශාල අකුරු), පහළ සටහන (සිමිත කුඩා අකුරු), සෑම වචනයකම පළමු අකුර විශාල කළ හැකිය.

වාක්ය රචනය

cssතෝරන්නා {
  text-transform: capitalize | lowercase | uppercase | none;
}

මූල්‍යයන්

මූල්‍යය විස්තරය
capitalize වාක්‍යයේ සෑම වචනයකම පළමු අක්ෂරය විශාල වනු ඇත.
lowercase පාඨයේ සියලුම අක්ෂර පහළ සටහනට පරිවර්තනය කෙරේ.
uppercase පාඨයේ සියලුම අක්ෂර ඉහළ සටහනට පරිවර්තනය කෙරේ.
none අක්ෂර සටහන වෙනස් නොකරයි.

පෙරනිමි වටිනාකම: none.

උදාහරණය . capitalize මූල්‍යය

දැන් සෑම වචනයකම පළමු අකුර විශාල වනු ඇත:

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  text-transform: capitalize;
}

Результат:

උදාහරණය . uppercase මූල්‍යය

දැන් සියලුම අක්ෂර විශාල වනු ඇත:

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  text-transform: uppercase;
}

Результат:

උදාහරණය . lowercase මූල්‍යය

දැන් සියලුම අක්ෂර සිමිත වනු ඇත (එනම් කුඩා, විශාල නොවේ):

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>
cssp {
  text-transform: lowercase;
}

Результат: