Задает определенные настроки для разных языков
Описание
Определяет язык, который используется в документе или его фрагменте. С помощью псевдокласса :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
Определяет минимальную высоту строки текста для блочных элементов. Для внедряемых строчных элемен...
Свойство grid-row-start
Определяет местоположение в сетке ссылаясь на конкретные линии. <br>grid-row-start / grid-r...
Свойство grid-column-end
Определяет местоположение в сетке ссылаясь на конкретные линии. <br>grid-column-end / grid-...
Свойство padding-block-start
Определяет начальный внутренний отступ элемента по блочной оси. В зависимости от значения свойств...
Стиль элемента при верно введенных данных
Применяется к элементам форм, у которых введённое пользователем значение находится в заранее зада...