Синтаксис

<div class="...">...</div>

<p class="...">...</p>

и тд.

Описание

Атрибут class (от англ. class — класс) задает один или несколько классов для элемента.

В основном используется, для добавления CSS-классов к элементам HTML. Классы позволяют применять одни и те же стили CSS к разным элементам на странице. Тем не менее, он также может быть использован JavaScript (через HTML DOM), чтобы внести изменения в HTML-элементы с указанным классом.

Атрибут относится к глобальным атрибутам, и может быть использован практически со всеми элементами HTML.

В HTML4 имена классов могут содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), символ дефиса (-) и подчёркивания (_) и не должны начинаться с цифры. Использование русских букв в классах недопустимо. В HTML5 эти ограничения сняты, но для совместимости со старыми браузерами и JavaScript рекомендуется придерживаться данных правил.

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Атрибут class</title>
    <style>
        .class_1 {color: blue;}
        .class_2 {font-size: 20px;}
    </style>
</head>
<body>
    <p>Обычный параграф.</p>
    <p class="class_1">Параграф с классом: "class_1".</p>
    <p class="class_2">Параграф с классом: "class_2".</p>
    <p class="class_1 class_2">Параграф с классами: "class_1" и "class_2".</p>
</body>
</html>

Отображение в браузере:

Обычный параграф.

Параграф с классом: "class_1".

Параграф с классом: "class_2".

Параграф с классами: "class_1" и "class_2".

Поддержка браузера 

Атрибут

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

class Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных

Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!

Только свежие новости программирования и технологий каждый день.

Свежие посты