CSS свойство text-transform
Из сегодняшней темы Вы узнаете, как при помощи CSS можно преобразовывать регистр текста. Для преобразования текста существует свойство, которое называется text-transform. Принимать данное свойство может всего четыре значения, первое значения, оно же значение по умолчанию - none, означает, что никаких изменений в текст вноситься не будет. Следующее значение - lowercase, при его применении все буквы будут переведены в нижний регистр. Противоположное значение, которое переводит буквы в верхний регистр, называется uppercase. И последнее значение - capitalize, я никогда его не применял, но все-таки, если оно существует, значит, кому-то оно может понадобиться. При данном значении все первые буквы каждого слова будут иметь верхний регистр, при этом остальные буквы не затрагиваются. Вот и все значения, которые может принимать CSS свойство text-transform.
<html>
<head>
<title>Свойство text-align</title>
<link rel="stylesheet" href="css/styles.css" type="text/css" />
</head>
<body>
<p class="lowercase">НИЖНИЙ регистр ТЕКСТА</p>
<p class="uppercase">верхний регистр текста</p>
<p class="capitalize">первая буква каждого слова является заглавной</p>
</body>
</html>
Пишем css код:
.lowercase {
text-transform: lowercase;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
И получаем вот такой результат:
Здесь нет ничего сложного, теперь при помощи изученного свойства, Вы можете не редактировать HTML код, а вносить корректировки в отдельный файл стилей CSS, что является отличным тоном при верстке. Отличного Вам дня.
