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

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
q:lang(ru)
{
quotes: "~" "~";
}
</style>
</head>

<body>
<p>Это параграф <q lang="ru">Это цитата, которая будет выделена кавычками</q> это параграф.</p>
<p>В этом примере, псевдо-класс :lang определяет вид кавычек для цитаты с атрибутом lang="no".</p>
<p>Заметка: Internet Explorer 8 (и выше) поддерживает псевдо-класс :lang только если указан правильный !DOCTYPE.</p>
</body>
</html>

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

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

В этом примере, псевдо-класс :lang определяет вид кавычек для цитаты с атрибутом lang="no".

Заметка: Internet Explorer 8 (и выше) поддерживает псевдо-класс :lang только если указан правильный !DOCTYPE.

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


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