Атрибут HTML style используется для добавления стилей к элементу, таких как цвет, шрифт, размер и другие.
Пример:
Атрибут стиля HTML
Задать стиль HTML-элемента можно с помощью атрибута style.
Атрибут HTML style имеет следующий синтаксис:
<tagname style="property:value;">
Свойство является свойством CSS. Значение является значением CSS.
Вы узнаете больше о CSS позже в этом руководстве.
Цвет фона
Свойство CSS background-color определяет цвет фона для элемента HTML.
Пример
Установите цвет фона для страницы на powderblue:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
Пример
Установите цвет фона для двух разных элементов:
<body>
<h1 style="background-color:powderblue;">This is a heading</h1>
<p style="background-color:tomato;">This is a paragraph.</p>
</body>
Цвет текста
Свойство CSS color определяет цвет текста для HTML-элемента:
Пример:
<h1 style="color:blue;">Это заголовок</h1>
<p style="color:red;">Это абзац.</p>
Шрифты
Свойство CSS font-family определяет шрифт, который будет использоваться для HTML-элемента:
Пример:
<h1 style="font-family:verdana;">Это заголовок</h1>
<p style="font-family:courier;">Это абзац.</p>
Размер текста
Свойство CSS font-size определяет размер текста для HTML-элемента:
Пример:
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
Выравнивание текста
Свойство CSS text-align определяет горизонтальное выравнивание текста для HTML-элемента:
Пример:
<h1 style="text-align:center;">Заголовок по центру</h1>
<p style="text-align:center;">Абзац по центру.</p>
Краткое содержание главы
- Используйте атрибут style для оформления HTML-элементов
- Используйте background-color для цвета фона
- Используйте color для цвета текста
- Используйте font-family для текстовых шрифтов
- Используйте font-size для определения размера текста
- Используйте text-align для выравнивания текста