text-transform | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Пятница, 09.12.2016
Главная » Справочник CSS3 » Свойства текста


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


text-transform | Свойство CSS

Свойство text-transform устанавливает величину символов.




Свойство text-transform устанавливает величину символов в заглавные или прописные.Установленные значения могут по разному действовать на величину,при этом для значения capitalize условием для воздействия является пробел.Свойство применимо ко всем элементам.Создано в версии CSS1 и проходит валидацию согласно версии CSS3.




Дополнительные значения применяемые к text-transform


Значение
Описание
noneВеличина текста не подвержена воздействию свойства
capitalizeКаждый первый символ и после пробела будет заглавным
uppercaseВсе символы будут заглавными ( в верхнем регистре )
lowercaseВсе символы будут прописными ( нижний регистр )
inheritНаследует значение родителя

Свойство работает в браузерах




Пример применения свойства



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство text-transform</title>
<meta charset="utf-8">
<style>
p {
font-size:16px;
color:#00FFFF;
}
p#capitalize {
text-transform:capitalize;
}
p#uppercase {
text-transform:uppercase;
}
p#lowercase {
text-transform:lowercase;
}
</style>
</head>
<body>
<p id="capitalize">каждая первая буква будет заглавной</p>
<p id="uppercase">все буквы будут заглавными</p>
<p id="lowercase">ВСЕ БУКВЫ БУДУТ ПРОПИСНЫМИ</p>
</body>
</html>

Пример в действии




Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/CSS21/text.html#propdef-text-transform
Категория: Свойства текста | Добавил: IZOTOP (23.05.2012) | Автор: Меренков Михаил E W
Просмотров: 725 | Теги: css, свойство, пример, style, text-transform | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]