Опис
Керує перетворенням тексту елемента на великі або малі символи. Коли значення відмінне від none, регістр початкового тексту буде змінений.
Синтаксис
text-transform: capitalize | lowercase | uppercase | none | inherit
Значення
- capitalize
- Перший символ кожного слова в реченні буде великим. Решта символів залишаються без змін.
- lowercase
- Всі символи тексту стають малими (нижній регістр).
- uppercase
- Всі символи тексту стають великими (верхній регістр).
- none
- Не змінює регістр символів.
- inherit
- Наслідує значення батька.
Приклад
Приклад
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text-transform</title>
<style>
h1 {
text-transform: uppercase; /* Великі букви */
}
p {
text-transform: capitalize; /* Кожне слово починається з великої букви */
}
</style>
</head>
<body>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.</p>
</body>
</html>Результат цього прикладу показано на рис. 1.
Браузери
Internet Explorer до версії 7.0 включно не підтримує значення inherit.