Свойства CSS

!important

Раздел: Прочие свойства CSS

Если возникает противоречие, когда стиль автора страницы и пользователя для одного и того же элемента не совпадает, то !important позволяет повысить приоритет стилевого параметра.

Читать далее...

@import

Раздел: Прочие свойства CSS

Правило @import позволяет импортировать содержимое CSS-файла в текущую стилевую таблицу.

Читать далее...

@media

Раздел: Прочие свойства CSS

Правило @media позволяет указать тип носителя, для которого будет применяться указанный стиль.

Читать далее...

active

Раздел: Псевдоклассы

Псевдокласс active определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее.

Читать далее...

after

Раздел: Псевдоэлементы

Псевдоэлемент, который используется для вывода желаемого контента после элемента, к которому он добавляется. Псевдоэлемент after работает совместно с атрибутом content.

Читать далее...

background

Раздел: Цвет и фон

Параметр позволяет установить одновременно до пяти атрибутов стиля фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному атрибуту.

Читать далее...

background-attachment

Раздел: Цвет и фон

Параметр background-attachment устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом.

Читать далее...

background-color

Раздел: Цвет и фон

Устанавливает фоновый цвет элемента.

Читать далее...

background-image

Раздел: Цвет и фон

Устанавливает фоновое изображение для элемента. Если одновременно для элемента задан цвет фона, он будет показан, пока фоновая картинка не загрузится полностью.

Читать далее...

background-position

Раздел: Цвет и фон

Задает начальное положение фонового изображения, установленного с помощью параметра background-image.

Читать далее...

background-repeat

Раздел: Цвет и фон

Определяет, как будет повторяться фоновое изображение, установленное с помощью параметра background-image, и по какой оси. Можно установить повторение рисунка только по горизонтали, по вертикали или в обе стороны.

Читать далее...

before

Раздел: Псевдоэлементы

Псевдоэлемент before применяется для отображения желаемого контента до элемента, к которому он добавляется. before работает совместно с атрибутом content.

Читать далее...

border

Раздел: Рамки и границы

Параметр позволяет одновременно установить толщину, стиль и цвет рамки вокруг элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному атрибуту. border-bottom

Читать далее...

border-bottom

Раздел: Рамки и границы

Параметр позволяет одновременно установить толщину, стиль и цвет границы внизу элемента.

Читать далее...

border-bottom-color

Раздел: Рамки и границы

Устанавливает цвет границы внизу элемента.

Читать далее...

border-bottom-style

Раздел: Рамки и границы

Устанавливает стиль границы внизу элемента.

Читать далее...

border-bottom-width

Раздел: Рамки и границы

Задает толщину границы внизу элемента.

Читать далее...

border-collapse

Раздел: Таблицы

Устанавливает, как отображать границы вокруг ячеек таблицы. Этот параметр играет роль, когда для ячеек установлена рамка, тогда в месте стыка ячеек получится линия двойной толщины. Добавление значения collapse заставляет браузер анализировать подобные места в таблице и убирать в ней двойные линии.

Читать далее...

border-color

Раздел: Рамки и границы

Устанавливает цвет границы на разных сторонах элемента. Параметр позволяет задать цвет границы сразу на всех сторонах элемента или определить цвет границы только на указанных сторонах.

Читать далее...

border-left

Раздел: Рамки и границы

Параметр позволяет одновременно установить толщину, стиль и цвет левой границы элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному атрибуту.

Читать далее...

border-left-color

Раздел: Рамки и границы

Задает цвет границы слева от элемента.

Читать далее...

border-left-style

Раздел: Рамки и границы

Устанавливает стиль границы слева от элемента.

Читать далее...

border-left-width

Раздел: Рамки и границы

Задает толщину границы слева от элемента.

Читать далее...

border-right

Раздел: Рамки и границы

Параметр позволяет одновременно установить толщину, стиль и цвет правой границы элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному атрибуту.

Читать далее...

border-right-color

Раздел: Рамки и границы

Задает цвет границы справа от элемента. Значение цвета может задаваться по его названию, шестнадцатеричному значению, либо с помощью RGB.

Читать далее...

border-right-style

Раздел: Рамки и границы

Устанавливает стиль границы справа от элемента.

Читать далее...

border-right-width

Раздел: Рамки и границы

Устанавливает толщину границы справа от элемента.

Читать далее...

border-spacing

Раздел: Таблицы

Задает расстояние между границами ячеек в таблице. Атрибут border-spacing не работает в случае, когда для таблицы установлен параметр border-collapse со значением collapse.

Читать далее...

border-style

Раздел: Рамки и границы

Устанавливает стиль рамки вокруг элемента. Допустимо задавать индивидуальные стили для разных сторон элемента.

Читать далее...

border-top

Раздел: Рамки и границы

Одновременно задает толщину, стиль и цвет границы сверху элемента.

Читать далее...

border-top-color

Раздел: Рамки и границы

Задает цвет границы сверху элемента.

Читать далее...

border-top-style

Раздел: Рамки и границы

Устанавливает стиль границы сверху элемента.

Читать далее...

border-top-width

Раздел: Рамки и границы

Устанавливает толщину границы сверху элемента.

Читать далее...

border-width

Раздел: Рамки и границы

Задает толщину границы одновременно на всех сторонах элемента или индивидуально для каждой стороны. Способ изменения толщины зависит от числа аргументов.

Читать далее...

bottom

Раздел: Позиционирование

Устанавливает положение нижнего края содержимого элемента без учета толщины рамок и отступов. Отсчет координат зависит от параметра position, он обычно принимает значение relative (относительное положение) или absolute (абсолютное положение).

Читать далее...

caption-side

Раздел: Таблицы

Определяет положение заголовка таблицы, который задается с помощью тега CAPTION, относительно самой таблицы. Параметр caption-side выводит заголовок до или после таблицы, а выравнивание текста по правому или левому краю устанавливается через атрибут text-align.

Читать далее...

clear

Раздел: Форматирование

Параметр устанавливает, с какой стороны элемента запрещено его обтекание другими элементами. Если установлено обтекание элемента с помощью параметра float, свойство clear отменяет его действие для указанных сторон.

Читать далее...

clip

Раздел: Форматирование

Параметр clip определяет область позиционированного элемента, в которой будет показано его содержимое. Все, что не помещается в эту область, будет обрезано и становится невидимым. На данный момент единственно доступная форма области — прямоугольник.

Читать далее...

color

Раздел: Цвет и фон

Определяет цвет текста элемента.

Читать далее...

content

Раздел: Контент

Атрибут content позволяет вставлять генерируемое содержание в текст веб-страницы, которое первоначально в тексте отсутствует.

Читать далее...

counter-increment

Раздел: Контент

Предназначен для увеличения значения счетчика приращений, который задается параметром counter-reset. Такой счетчик подсчитывает количество отображений элементов на странице и может выводиться с помощью свойства content и псевдоэлементов after и before. Это позволяет создавать списки (в том числе многоуровневые), в которых нумерация и вид задаются через стили.

Читать далее...

counter-reset

Раздел: Контент

Устанавливает идентификатор, в котором будет храниться счетчик отображений определенного элемента, а также начальное значение счетчика. Такой счетчик может выводиться с помощью свойства content и псевдоэлементов after и before.

Читать далее...

cursor

Раздел: Прочие свойства CSS

Устанавливает форму курсора, когда он находится в пределах элемента. Вид курсора зависит от операционной системы и установленных параметров.

Читать далее...

direction

Раздел: Текст

Атрибуты unicode-bidi и direction задают, как должен располагаться текст используемого языка — слева направо или справо налево.

Читать далее...

display

Раздел: Форматирование

Многоцелевой атрибут, который определяет, как элемент должен быть показан в документе.

Читать далее...

empty-cells

Раздел: Таблицы

Параметр задает отображение границ и фона в ячейке, если в ней нет видимого содержания. При одновременном добавлении к таблице параметра border-collapse со значением collapse, атрибут empty-cells игнорируется.

Читать далее...

first-child

Раздел: Псевдоклассы

Псевдокласс first-child добавляет стилевое оформление к первому дочернему элементу селектора, который расположен в дереве элементов документа.

Читать далее...

first-letter

Раздел: Псевдоэлементы

Псевдоэлемент first-letter определяет стиль первого символа в тексте элемента, к которому добавляется. К этому псевдоэлементу могут применяться только стилевые атрибуты, связанные со свойствами шрифта, полями, отступами, границами, цветом и фоном.

Читать далее...

float

Раздел: Форматирование

Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон.

Читать далее...

focus

Раздел: Псевдоклассы

Псевдокласс focus определяет стиль для элемента получающего фокус. Например, им может быть текстовое поле формы, в которое устанавливается курсор.

Читать далее...

font

Раздел: Шрифт

Универсальный параметр, который позволяет установить одновременно несколько атрибутов стиля шрифта.

Читать далее...

font-family

Раздел: Шрифт

Устанавливает семейство шрифта, которое будет использоваться для оформления текста содержимого.

Читать далее...

font-size

Раздел: Шрифт

Определяет размер шрифта элемента, который может быть установлен несколькими способами.

Читать далее...

font-style

Раздел: Шрифт

Определяет начертание шрифта — обычное, курсивное или наклонное. Когда для текста установлено курсивное или наклонное начертание, браузер обращается к системе для поиска подходящего шрифта. Если заданный шрифт не найден, браузер использует специальный алгоритм для имитации нужного вида текста.

Читать далее...

font-variant

Раздел: Шрифт

Определяет, как нужно представлять строчные буквы ? делать их все прописными уменьшенного размера или оставить без изменений. Такой способ изменения символов называется капителью.

Читать далее...

font-weght

Раздел: Шрифт

Устанавливает насыщенность шрифта. Значение устанавливается от 100 до 900 с шагом 100. Также допустимо использование ключевых слов.

Читать далее...

height

Раздел: Форматирование

Устанавливает высоту блочных или заменяемых элементов (к ним, например, относится тег IMG. Высота не включает толщину границ вокруг элемента, значение отступов и полей.

Читать далее...

hover

Раздел: Псевдоклассы

Определяет стиль элемента при наведении на него курсора мыши.

Читать далее...

left

Раздел: Позиционирование

Для позиционированного элемента определяет расстояние от левого края родительского элемента, не включая отступ, поле и ширину рамки, до левого края дочернего элемента. Отсчет координат зависит от значения параметра position.

Читать далее...

letter-spacing

Раздел: Текст

Определяет интервал между символами в пределах элемента. Браузеры обычно устанавливают расстояние между символами, исходя из типа и вида шрифта, его размеров и настроек операционной системы. Чтобы изменить это значение и применяется данный атрибут.

Читать далее...

line-height

Раздел: Текст

Устанавливает интерлиньяж (межстрочный интервал) текста, отсчет ведется от базовой линии шрифта. При обычных обстоятельствах расстояние между строками зависит от вида и размера шрифта и определяется браузером автоматически.

Читать далее...

link

Раздел: Псевдоклассы

Псевдокласс link применяется к ссылкам, которые еще не посещались пользователем, и задает для них стилевое оформление.

Читать далее...

list-style

Раздел: Списки

Атрибут, позволяющий одновременно задать стиль маркера, его положение, а также изображение, которое будет использоваться в качестве маркера.

Читать далее...

list-style-image

Раздел: Списки

Устанавливает адрес изображения, которое служит в качестве маркера списка. Этот атрибут наследуется, поэтому для отдельных элементов списка для восстановления маркера используется значение none.

Читать далее...

list-style-position

Раздел: Списки

Определяет, как будет размещаться маркер относительно текста. Имеется два значения: outside — маркер вынесен за границу элемента списка и inside — маркер обтекается текстом.

Читать далее...

list-style-type

Раздел: Списки

Изменяет вид маркера для каждого элемента списка. Этот атрибут используется только в случае, когда значение свойства list-style-image установлено как none. Маркеры различаются для маркированного списка (тег UL) и нумерованного (тег OL).

Читать далее...

margin

Раздел: Поля и отступы

Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента.

Читать далее...

margin-bottom

Раздел: Поля и отступы

Устанавливает величину отступа от нижнего края элемента.

Читать далее...

margin-left

Раздел: Поля и отступы

Устанавливает величину отступа от левого края элемента.

Читать далее...

margin-right

Раздел: Поля и отступы

Задает величину отступа от правого края элемента.

Читать далее...

margin-top

Раздел: Поля и отступы

Устанавливает величину отступа от верхнего края элемента.

Читать далее...

max-height

Раздел: Форматирование

Устанавливает максимальную высоту элемента. Значение высоты элемента будет вычисляться в зависимости от установленных параметров height, max-height и min-height.

Читать далее...

max-width

Раздел: Форматирование

Устанавливает максимальную ширину элемента.

Читать далее...

min-height

Раздел: Форматирование

Задает минимальную высоту элемента. Значение высоты элемента будет вычисляться в зависимости от установленных параметров height, max-height и min-height.

Читать далее...

min-width

Раздел: Форматирование

Задает минимальную ширину элемента. Если окно браузера достигает заданной минимальной ширины элемента, то его ширина остается неизменной и появляется горизонтальная полоса прокрутки.

Читать далее...

opacity

Раздел: Цвет и фон

Определяет уровень прозрачности элемента веб-страницы. При частичной или полной прозрачности через элемент проступает фоновый рисунок или другие элементы, расположенные ниже полупрозрачного объекта.

Читать далее...

outline

Раздел: Рамки и границы

Универсальный атрибут, одновременно устанавливающий цвет, стиль и толщину внешней границы на всех четрырех сторонах элемента. В отличие от линии, задаваемой через border, атрибут outline не влияет на положение блока и его ширину.

Читать далее...

outline-color

Раздел: Рамки и границы

Задает цвет внешней границы элемента. В отличие от линии, задаваемой через border, линия через атрибут outline отображается вокруг элемента, не влияя на ширину блока или его положение.

Читать далее...

outline-style

Раздел: Рамки и границы

Задает стиль внешней границы элемента.

Читать далее...

outline-width

Раздел: Рамки и границы

Задает толщину внешней границы элемента.

Читать далее...

overflow

Раздел: Форматирование

Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.

Читать далее...

padding

Раздел: Поля и отступы

Устанавливает значение полей вокруг содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое.

Читать далее...

padding-bottom

Раздел: Поля и отступы

Устанавливает значение поля от нижнего края содержимого элемента.

Читать далее...

padding-left

Раздел: Поля и отступы

Устанавливает значение поля от левого края содержимого элемента.

Читать далее...

padding-right

Раздел: Поля и отступы

Задает значение поля от правого края содержимого элемента.

Читать далее...

padding-top

Раздел: Поля и отступы

Задает величину поля от верхнего края содержимого элемента.

Читать далее...

position

Раздел: Позиционирование

Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице.

Читать далее...

quotes

Раздел: Контент

Устанавливает вид кавычек, который применяется в тексте документа.

Читать далее...

right

Раздел: Позиционирование

Для позиционированного элемента определяет расстояние от правого края родительского элемента, не включая отступ, поле и ширину рамки, до правого края дочернего элемента.

Читать далее...

table-layout

Раздел: Таблицы

Определяет, как браузер должен вычислять высоту и ширину ячеек таблицы, основываясь на ее содержимом.

Читать далее...

text-align

Раздел: Текст

Определяет горизонтальное выравнивание текста в пределах элемента.

Читать далее...

text-decoration

Раздел: Текст

Добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания. Одновременно можно применить более одного стиля, перечисляя значения через пробел.

Читать далее...

text-ident

Раздел: Текст

Устанавливает величину отступа первой строки блока текста (например, для параграфа P). Воздействия на все остальные строки не оказывается.

Читать далее...

text-transform

Раздел: Текст

Управляет преобразованием текста элемента в заглавные или прописные символы. Когда значение отлично от none, регистр исходного текста будет изменен.

Читать далее...

top

Раздел: Позиционирование

Для позиционированного элемента определяет расстояние от верхнего края родительского элемента, не включая отступ, поле и ширину рамки, до верхнего края дочернего элемента.

Читать далее...

unicode-bidi

Раздел: Текст

Атрибуты unicode-bidi и direction задают, как должен располагаться текст используемого языка — слева направо или справо налево.

Читать далее...

vertical-align

Раздел: Текст

Выравнивает элемент по вертикали относительно своего родителя или окружающего текста.

Читать далее...

visibility

Раздел: Форматирование

Предназначен для отображения или скрытия элемента, включая рамку вокруг него и фон. При скрытии элемента, хотя он и становится не виден, место, которое элемент занимает, остается за ним.

Читать далее...

visited

Раздел: Псевдоклассы

Псевдокласс visited применяется к ссылкам, уже посещенные пользователем, и задает для них стилевое оформление.

Читать далее...

white-space

Раздел: Текст

Параметр white-space устанавливает, как отображать пробелы между словами.

Читать далее...

width

Раздел: Форматирование

Устанавливает ширину блочных или заменяемых элементов. Ширина не включает толщину границ вокруг элемента, значение отступов и полей.

Читать далее...

word-spacing

Раздел: Текст

Устанавливает интервал между словами. Если установлен параметр выравнивания justify, то атрибут word-spacing не действует, поскольку интервал между словами будет установлен принудительно.

Читать далее...

z-index

Раздел: Позиционирование

Управляет размещением элементов по z-оси, что позволяет накладывать элементы друг на друга.

Читать далее...