phpjsJqueryhtmlcssblog

атрибут style html использование примеры

Что такое атрибут style, как и где применяется атрибут style, разберем прмиеры использования, синтаксис :
<блок style=""></блок>

Об атрибуте style

1. Что такое атрибут style
2. Пример использования атрибута style

Скопировать ссылку



Что такое атрибут style

Начнем с того, что дадим определение "Что такое атрибут style" :

Атрибут style используется внутри тега и задает свойство/свойства для блока/элемента


Синтаксис атрибута style

style="правила описания стилей"

Атрибут style применяется к тегам :

Легче вывести теги, к которым атрибут style не может примениться в принципе, например к тегу head
Или другими словами :
Атрибут style не может быть применен к тегам. которые изначально(по умолчанию) имеют "display:none"

Пример: Эту картинку, скриншот, можно увеличить в отдельном окне нажмите по нему!



Скопировать ссылку



Пример использования атрибута style

Для того, чтобы разобрать, как используется атрибут style ...


Создадим -> пусть это будет div

И внутрь помести наш атрибут style :

<div style="color:#30c900">Здесь текст блока</div>

Результат применения атрибута style

Здесь текст блока

Еще пример использования атрибута style

Я как-то писал на тему шрифтов, и в том числе о шрифте Bebas и там мы использовали различные свойства и классы и... короче...


Я не хочу применять сюда класс, а хочу прописать стили в атрибуте!

Возьмем оттуда свойства класса и помести их все в атрибут style :

<div style="font-family: Bebas Neue; width: 100%; height: 182px; text-align: center; font-size: 30px; color: white; background: red; line-height: 193px; margin: 10px 0;">Стили внутри атрибута style</div>

Результат:
Стили внутри атрибута style

Еще никто не прокомментировал! COMMENTS+   BBcode

🞨

Загрузить свой аватар

(max ширина, высота = 200px)

Подписаться + =

---