Теги словарь тегов html

Содержание

HTMLBASE — самый современный справочник по HTML и CSS.
HTML теги
CSS свойства
Справочник по HTML
Типы тегов

HTMLBASE — самый современный справочник по HTML и CSS.

Для тех кто начал изучать HTML и CSS. Здесь вы найдете описание всех HTML тегов и атрибутов, описание CSS свойств и значений, много примеров кода, а так же видео и задачи для эффективного обучения.

HTML теги

CSS свойства

Псевдоклассы и псевдоэлементы
::after псевдоэлемент
::before псевдоэлемент
::first-letter первый символ в тексте
::first-line первая строка
::placeholder текст по умолчанию в элементах форм
:active момент нажатия
:checked выбранный radio, checkbox, option
:disabled неактивное состояние элемента
:empty если элемент пустой
:first-child первый элемент
:first-of-type первый потомок по типу
:focus фокус на элементе
:hover наведение на элемент
:invalid неверное заполнение элементов форм
:last-child последний дочерний элемент
:last-of-type последний потомок по типу
:not элементы, не соответствующие селектору
:nth-child по номеру элемента в дереве
:nth-last-child по номеру элемента в дереве с конца
:nth-of-type по тегу и номеру элемента
:required обязательный элемент формы
:valid верное заполнение элементов форм
:visited посещенная ссылка
a
align-content выравнивание строк вдоль поперечной оси flex/grid
align-items выравнивание элементов flex/grid по поперечной оси
align-self выравнивает элемент flex/grid по поперечной оси
animation создание анимации
animation-delay задержка старта анимации
animation-direction направление анимации
animation-duration время длительности анимации
animation-fill-mode стили объекта анимации до и после ее выполнения
animation-iteration-count кол-во повторений анимации
animation-name имя анимации
animation-play-state состояние анимации
animation-timing-function функция расчета значений анимации
b
backface-visibility
background все правила фона
background-attachment поведение фонового изображения при скролле
background-blend-mode Способ наложения фона
background-clip поведение фона при наличии границы
background-color цвет фона
background-image фоновое изображение
background-origin область позиционирования фонового изображения
background-position позиционирование фонового изображения
background-repeat повтор фонового изображения
background-size размер фонового изображения
border граница элемента
border-bottom граница снизу
border-bottom-color цвет границы снизу
border-bottom-left-radius закругление нижнего левого угла
border-bottom-right-radius закругление нижнего правого угла
border-bottom-style стиль границы снизу
border-bottom-width толщина границы снизу
border-collapse поведение границ таблицы
border-color цвет границы
border-left граница слева
border-left-color цвет границы слева
border-left-style стиль границы слева
border-left-width толщина границы слева
border-radius закругление углов
border-right граница справа
border-right-color цвет границы справа
border-right-style стиль границы справа
border-right-width толщина границы справа
border-style стиль границы
border-top граница сверху
border-top-color цвет границы сверху
border-top-left-radius закругление верхнего левого угла
border-top-right-radius закругление верхнего правого угла
border-top-style стиль границы сверху
border-top-width толщина границы сверху
border-width толщина границы элемента
bottom позиция от нижнего края
box-shadow тень элемента
box-sizing алгоритм подсчета размеров
c
clear очистка обтеканий
color цвет текста
cursor вид курсора
d
display тип элемента
f
flex flex-grow + flex-shrink + flex-basis
flex-basis начальный размер flex элемента
flex-direction задает основную ось flex контейнера
flex-flow flex-direction + flex-wrap
flex-grow рост flex элементов
flex-shrink сжатие flex элемента
flex-wrap перенос элементов flex контейнера
float плавающий элемент
font все правила шрифта
font-family семейство шрифтов
font-size размер шрифта
font-style наклон шрифта
font-variant модификация символов шрифта
font-weight толщина шрифта
g
grid-column-gap отступ между столбцов grid сетки
grid-gap отступ между строк и ячеек grid
grid-row-gap отступ между строк grid сетки
grid-template-areas элементы grid сетки
grid-template-columns размеры столбцов grid сетки
grid-template-rows размеры строк grid сетки
h
height высота элемента
j
justify-content выравнивание flex элементов по главной оси
justify-self выравнивание grid элемента
l
left позиция от левого края
letter-spacing отступ между символами
line-height межстрочный отступ
list-style стилизация списка
list-style-image изображение маркера элементов списка
list-style-position позиция маркера элементов списка
list-style-type стиль маркера элемента списка
m
margin внешний отступ
margin-bottom внешний отступ снизу
margin-left внешний отступ слева
margin-right внешний отступ справа
margin-top внешний отступ сверху
max-height максимальная высота
max-width максимальная ширина
min-height минимальная высота
min-width минимальная ширина
o
object-fit Заполнение элемента
object-position Позиция заполняемого элемента
opacity непрозрачность элемента
order порядок flex элемента
outline обводка элемента
outline-color цвет обводки
outline-offset отступ обводки
outline-style стиль обводки
outline-width толщина обводки
overflow Переполнение блока
overflow-wrap разрыв строк в неразрывной строке
overflow-x переполнение по оси X
overflow-y переполнение по оси Y
p
padding внутренний отступ
padding-bottom внутренний отступ снизу
padding-left внутренний отступ слева
padding-right внутренний отступ справа
padding-top внутренний отступ сверху
perspective эффект перспективы
pointer-events контроль событий мыши
position позиционирование элемента
r
resize изменение размера элемента
right позиция от правого края
t
table-layout расчет размеров ячеек таблицы
text-align выравнивание текста
text-align-last выравнивание текста последней строки
text-decoration декорация текста
text-decoration-color цвет линии подчеркивания
text-decoration-line линия подчеркивания текста
text-decoration-style стиль линии подчеркивания
text-indent отступ абзаца
text-overflow поведение скрытого текста
text-shadow тень для текста
text-transform меняет регистр текста
top позиция от верхнего края
transform трансформация элемента
transform-origin точка трансформации
transform-style плоскость дочерних элементов
transition плавный переход свойства
transition-delay задержка перед запуском перехода
transition-duration длительность плавного перехода
transition-property свойство плавного перехода
transition-timing-function функция расчета перехода
v
vertical-align вертикальное выравнивание
w
white-space Обработка пробелов элемента
width ширина элемента
word-break как делать перенос текста
word-spacing интервал между словами
z
z-index индекс элемента по оси Z

Источник

Справочник по HTML

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.