თვისება 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;
}

Результат: