Задает определенные настроки для разных языков
Описание
Определяет язык, который используется в документе или его фрагменте. С помощью псевдокласса :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>Читайте также
Свойство overflow-x
Управляет отображением содержания блочного элемента по горизонтали, если контент целиком не помещается и выходит за область справа или слева от блока....
Свойство animation-iteration-count
Указывает, сколько раз будет воспроизводится анимация....
Свойство quotes
Устанавливает тип кавычек, который применяется в тексте документа. В каждом языке существуют свои традиции для обозначения кавычек, свойство quotes по...
Селекторы атрибутов со значениями через дефис
В именах идентификаторов и классов разрешено использовать символ дефиса (-), что позволяет создавать значащие значения атрибутов id...