Стили в HTML использование атрибута style
Меню
Справочник

Стили HTML — атрибут style

HTML стили

Атрибут HTML style используется для добавления стилей к элементу, таких как цвет, шрифт, размер и т. д.

Я красный

Я синий

Я большой


HTML атрибут style 

Задать стиль HTML-элемента можно с помощью атрибута style.

Этот атрибут имеет следующий синтаксис:

<имятега style="property:value;">

Свойство является свойством CSS. Значение является значением CSS.


Фоновый цвет

Свойство CSS background-color определяет цвет фона для HTML-элемента.

<body style="background-color:powderblue;">
<h1>Это заголовок</h1>
<p>Это параграф.</p>
</body >

Цвет текста

Свойство color CSS определяет цвет текста для элемента 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%;">Это заголовок</h1>
<p style="font-size:160%;">Это парграф.</p>

Выравнивание текста

Свойство CSS text-align определяет горизонтальное выравнивание текста для HTML-элемента:

<h1 style="text-align:center;">Заголовок по центру</h1>
<p style="text-align:center;">Параграф по центру.</p>

Использование атрибута style в HTML:

Используйте атрибут style для стилизации HTML-элементов:

  • background-color для цвета фона;
  • color для цвета текста;
  • font-family для текстовых шрифтов;
  • font-size для размеров текста;
  • text-align для выравнивания текста.

Что используется для добавления стилей к элементу?

Проверьте себя, насколько хорошо вы запомнили материал.


☛ Форматирование HTML текста

Параграфы HTML ☚

Поделиться ссылкой