:lang | Псевдокласс CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Вторник, 06.12.2016
Главная » Справочник CSS3 » Псевдоклассы


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


:lang | Псевдокласс CSS

Псевдокласс :lang устанавливает стиль определяя язык документа.




Псевдокласс :lang устанавливает стиль определяя язык документа.Существуют распространённые сокращения,например ru - русский,en - английский,de - немецкий,moi - Ваш собственный,или любой другой.То есть вы можете задать любое сокращение которое будет определено браузером,сопоставимо идентификатору.Сокращения устанавливаются в скобках.Псевдокласс применим ко всем элементам,создан в версии CSS2 и проходит валидацию согласно версии CSS3.




Псевдокласс работает в браузерах




Пример применения псевдокласса



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Псевдокласс :lang</title>
<style type="text/css">
<!--
p#one {
font-size:18px;
color:white;
}
p:lang(ru) {
font-size:16px;
color:grey;
}
p:lang(en) {
font-size:16px;
color:darkslategray;
}
p:lang(jargon) {
font-size:16px;
color:green;
}
-->
</style>
</head>
<body>
<p id="one">Вот одно выражение выделенное цветом для каждого языка</p>
<p lang="ru">Иди погуляй</p>
<p lang="en">Go take a walk</p>
<p lang="jargon">Тусуйся на стороне</p>
</body>
</html>

Пример в действии



Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/CSS21/selector.html#lang
Категория: Псевдоклассы | Добавил: IZOTOP (31.05.2012) | Автор: Меренков Михаил E W
Просмотров: 597 | Теги: css, :lang, свойство, пример, style, определить язык ввода | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]