Задает определенные настроки для разных языков
Описание
Определяет язык, который используется в документе или его фрагменте. С помощью псевдокласса :lang можно задавать определённые настройки, характерные для разных языков, например, вид кавычек в цитатах.
Синтаксис
Селектор:lang { ... }Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
q:lang(de) {
color: black;
}
q:lang(en) {
color:blue;
}
q:lang(fr),
q:lang(ru) {
color:red;
}
</style>
<p>Цитата на немецком: <q lang='de'>Der Mensch, versuche die Gotter nicht</q>.</p>
<p>Цитата на английском: <q lang='en'>То be or not to be</q>.</p>
<p>Цитата на французском языке: <q lang='fr'>Ce que femme veut, Dieu le veut</q>.</p>
</body>
</html>Цитата на немецком: Der Mensch, versuche die Gotter nicht
.
Цитата на английском: То be or not to be
.
Цитата на французском языке: Ce que femme veut, Dieu le veut
.
Читайте также
Свойство line-height
Определяет минимальную высоту строки текста для блочных элементов. Для внедряемых строчных элемен...
Правило @font-face
Правило @font-face позволяет определить настройки шрифтов, а также загрузить специфичный шрифт на...
Свойство list-style-image
Указывает адрес изображения, которое служит в качестве маркера списка.
Свойство margin-right
Устанавливает величину отступа от правой границы текущего элемента до внутренней границы его роди...
Правило @media
Правило @media позволяет указать тип носителя, для которого будет применяться указанный стиль. В ...