Код вашей страницы

 <html>
<head>
<style type="text/css">
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
</style>
</head>

<body>
<p class="uppercase">Это обычный параграф. Я сделаю его подлиннее, чтобы было лучше видно, как действует трансформация текста.</p>
<p class="lowercase">Это обычный параграф. Я сделаю его подлиннее, чтобы было лучше видно, как действует трансформация текста.</p>
<p class="capitalize">Это обычный параграф. Я сделаю его подлиннее, чтобы было лучше видно, как действует трансформация текста.</p>
</body>
</html>

Результат в окне браузера

Это обычный параграф. Я сделаю его подлиннее, чтобы было лучше видно, как действует трансформация текста.

Это обычный параграф. Я сделаю его подлиннее, чтобы было лучше видно, как действует трансформация текста.

Это обычный параграф. Я сделаю его подлиннее, чтобы было лучше видно, как действует трансформация текста.

К примерам CSS >> В раздел CSS >> На главную >>


HTML-верстка: инструменты и приемы профессиональной front-end разработки