/html/global-attributes/class:> Класс элемента_
Глобальный атрибут class
Синтаксис
(X)HTML
<[элемент] class="[класс]"> ... </[элемент]>
Описание
Глобальный атрибут / параметр class (от англ. "class" ‒ «класс») присваивает элементу имя класса с помощью которого задаются различные свойства стиля.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел | |
|---|---|---|
| HTML | ||
| 2.0 | ||
| 3.2 | ||
| 4.01 | 7.5.2 Element identifiers: the id and class attributes DTD: Transitional
Strict
Frameset
|
Перевод |
| 5.0 | 3.2.5.7 The class attribute | Перевод |
| 5.1 | 3.2.5.7. The class attribute | |
| XHTML | ||
| 1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
|
| 1.1 | Extensible HyperText Markup Language | |
Значения
В качестве значения указывается имя одного или нескольких классов. (Имена классов указываются через пробел.) В названии класса могут использоваться только английские буквы («ВЕРХНЕГО» и «нижнего» регистра), цифры, а так же символы «-» (дефис) и «_» (подчёркивание).
class="class1 class2 class3"
Регистр символов: учитывается.
classname и ClassName два разных имени класса.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Глобальный параметр class</title>
<style type="text/css">
.white {color: white;}
.bgSilver {background: silver;}
</style>
</head>
<body>
<h1>Пример с параметром "class"</h1>
<div class="bgSilver white"> Это текст белого цвета </div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Глобальный параметр class</title>
<style type="text/css">
.white {color: white;}
.bgSilver {background: silver;}
</style>
</head>
<body>
<h1>Пример с параметром "class"</h1>
<div class="bgSilver white"> Это текст белого цвета </div>
</body>
</html>
Глобальный параметр class