Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0 + | 1.0 + | 3.5 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + |
Опис
Задає стильовий клас, який дозволяє зв'язати певний тег зі стильовим оформленням. У значенні допускається вказувати відразу кілька класів, розділяючи їх між собою пробілом.
Синтаксис
class="ім'я"
Значення
імена класів можуть містити в собі латинські букви (A – Z, a – z), цифри (0 – 9), символ дефіса (-) і підкреслення (_). Використання російських букв у класах неприпустимо.
Значення за умовчанням
Ні.
Застосовується до тегів
<a>, <abbr>, <acronym>, <address>, <applet>, <area>, <b>, <basefont>, <bdo> <bgsound>, <big>, <blockquote>, <body>, <br>, <button>, <caption>, <center>, <cite>, <code>, <col>, <colgroup>, <dd>, <del>, <dfn>, <dir>, <div>, <dl>, <dt>, <em>, <embed>, <fieldset> , <font>, <form>, <frame>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <hr>, <i>, <iframe>, <img>, <input>, <ins>, <isindex>, <kbd>, <label>, <legend>, <li>, <link>, <map>, <marquee>, <meny>, <nobr>, <object>, <ol>, <option>, <p>, <plaintext>, <pre>, <q>, <s>, <samp>, <select>, <small>, <span>, <strike>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <u>, <ul>, <var>, <wbr>, <xmp>
Приклад
HTML5 IE Cr Op Sa Fx
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Атрибут class </title> <style> p { /* Звичайний абзац */ text-align: justify; /* Вирівнювання тексту по ширині */ } p.cite { /* Абзац з класом cite */ color: navy; /* Синій колір тексту */ margin-left: 20px; /* Відступ зліва */ border-left: 1px solid navy; /* Межа зліва від тексту */ padding-left: 15px; /* Відстань від лінії до тексту */ } </style> </head> <body> <p> Для штучного освітлення приміщення застосовуються люмінесцентні лампи. Вони відрізняються високою світловою віддачею, тривалим терміном служби, малої яскравістю світиться поверхні, близьким до природного спектральним складом випромінюваного світла, що забезпечує гарну передачу кольору. </p> <p class="cite"> Для виключення засвічення екрану дисплея світловими потоками віконні прорізи забезпечені светорассеивающими шторами. </p> </body> </html>