DNZONE.RU Вход

Свойства CSS

lign-content Задает выравнивание между линиями внутри гибкого контейнера, когда элементы не используют все доступное пространство
align-items Задает выравнивание для элементов внутри гибкого контейнера
align-self Задает выравнивание для выбранных элементов внутри гибкого контейнера
all Сбрасывает все свойства (кроме unicode-bidi и direction)
animation Сокращенное свойство для всех свойств animation- *
animation-delay Определяет задержку начала анимации
animation-direction Определяет, следует ли воспроизводить анимацию вперед, назад или поочередно
animation-duration Определяет, сколько времени должно занять анимация для завершения одного цикла
animation-fill-mode Задает стиль элемента, когда анимация не воспроизводится (до начала, после окончания или и то, и другое)
animation-iteration-count Определяет, сколько раз должна воспроизводиться анимация.
animation-name Задает имя для анимации @keyframes
animation-play-state Определяет, запущена или приостановлена ​​анимация
animation-timing-function Определяет кривую скорости анимации
backface-visibility Определяет, должна ли быть видна задняя грань элемента, когда он смотрит на пользователя.
background Сокращенное свойство для всех свойств 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-width, border-bottom-style и border-bottom-color
border-bottom-color Устанавливает цвет нижней границы
border-bottom-left-radius Определяет радиус границы нижнего левого угла
border-bottom-right-radius Определяет радиус границы нижнего правого угла
border-bottom-style Устанавливает стиль нижней границы
border-bottom-width Устанавливает ширину нижней границы
border-collapse Устанавливает, должны ли границы таблицы сворачиваться в единую границу или разделяться
border-color Устанавливает цвет четырех границ
border-image Сокращенное свойство для всех свойств border-image- *
border-image-outset Определяет величину, на которую область изображения границы выходит за пределы рамки границы
border-image-repeat Определяет, должно ли изображение границы повторяться, закругляться или растягиваться
border-image-slice Определяет, как разрезать изображение границы
border-image-source Задает путь к изображению, которое будет использоваться в качестве границы
border-image-width Определяет ширину изображения границы
border-left Сокращенное свойство для всех свойств border-left- *
border-left-color Устанавливает цвет левой границы
border-left-style Устанавливает стиль левой границы
border-left-width Устанавливает ширину левой границы
border-radius Сокращенное свойство для четырех свойств границы - * - radius
border-right Сокращенное свойство для всех свойств border-right- *
border-right-color Устанавливает цвет правой границы
border-right-style Устанавливает стиль правой границы
border-right-width Устанавливает ширину правой границы
border-spacing Устанавливает расстояние между границами соседних ячеек
border-style Устанавливает стиль четырех границ
border-top Сокращенное свойство для border-top-width, border-top-style и border-top-color
border-top-color Устанавливает цвет верхней границы
border-top-left-radius Определяет радиус границы верхнего левого угла
border-top-right-radius Определяет радиус границы правого верхнего угла
border-top-style Устанавливает стиль верхней границы
border-top-width Устанавливает ширину верхней границы
border-width Устанавливает ширину четырех границ
bottom Устанавливает положение элемента снизу родительского элемента
box-decoration-break Устанавливает поведение фона и границы элемента при разрыве страницы или, для встроенных элементов, при разрыве строки
box-shadow Добавляет одну или несколько теней к элементу
box-sizing Определяет, как рассчитываются ширина и высота элемента: должны ли они включать отступы и границы или нет
break-after Определяет, должен ли разрыв страницы, столбца или области происходить после указанного элемента
break-before Определяет, должен ли разрыв страницы, столбца или области происходить перед указанным элементом
break-inside Указывает, должен ли разрыв страницы, столбца или области происходить внутри указанного элемента
caption-side Задает размещение заголовка таблицы
caret-color Задает цвет курсора (курсора) во входных данных, текстовых областях или любом редактируемом элементе
@charset Задает кодировку символов, используемую в таблице стилей
clear Определяет, с каких сторон элемента плавающие элементы не могут плавать
clip Обрезает абсолютно позиционированный элемент
color Устанавливает цвет текста
column-count Задает количество столбцов, на которые следует разделить элемент
column-fill Задает способ заполнения столбцов, сбалансированный или нет
column-gap Определяет зазор между столбцами
column-rule Сокращенное свойство для всех свойств column-rule- *
column-rule-color Задает цвет правила между столбцами
column-rule-style Задает стиль правила между столбцами
column-rule-width Определяет ширину правила между столбцами
column-span Определяет, сколько столбцов должен занимать элемент
column-width Задает ширину столбца
columns Сокращенное свойство для ширины столбца и количества столбцов
content Используется с псевдоэлементами: before и: after для вставки сгенерированного содержимого
counter-increment Увеличивает или уменьшает значение одного или нескольких счетчиков CSS
counter-reset Создает или сбрасывает один или несколько счетчиков CSS
cursor Указывает курсор мыши, который будет отображаться при наведении указателя на элемент
direction Задает направление текста / направление письма
display Определяет, как должен отображаться определенный элемент HTML
empty-cells Указывает, следует ли отображать границы и фон в пустых ячейках таблицы
filter Определяет эффекты (например, размытие или изменение цвета) на элементе перед отображением элемента
flex Сокращенное свойство для свойств flex-grow, flex-shrink и flex-basic
flex-basis Specifies the initial length of a flexible item
flex-direction Specifies the direction of the flexible items
flex-flow A shorthand property for the flex-direction and the flex-wrap properties
flex-grow Specifies how much the item will grow relative to the rest
flex-shrink Specifies how the item will shrink relative to the rest
flex-wrap Specifies whether the flexible items should wrap or not
float Specifies whether or not a box should float
font A shorthand property for the font-style, font-variant, font-weight, font-size/line-height, and the font-family properties
@font-face A rule that allows websites to download and use fonts other than the "web-safe" fonts
font-family Specifies the font family for text
font-feature-settings Allows control over advanced typographic features in OpenType fonts
@font-feature-values Allows authors to use a common name in font-variant-alternate for feature activated differently in OpenType
font-kerning Controls the usage of the kerning information (how letters are spaced)
font-language-override Controls the usage of language-specific glyphs in a typeface
font-size Specifies the font size of text
font-size-adjust Preserves the readability of text when font fallback occurs
font-stretch Selects a normal, condensed, or expanded face from a font family
font-style Specifies the font style for text
font-synthesis Controls which missing typefaces (bold or italic) may be synthesized by the browser
font-variant Specifies whether or not a text should be displayed in a small-caps font
font-variant-alternates Controls the usage of alternate glyphs associated to alternative names defined in @font-feature-values
font-variant-caps Controls the usage of alternate glyphs for capital letters
font-variant-east-asian Controls the usage of alternate glyphs for East Asian scripts (e.g Japanese and Chinese)
font-variant-ligatures Controls which ligatures and contextual forms are used in textual content of the elements it applies to
font-variant-numeric Controls the usage of alternate glyphs for numbers, fractions, and ordinal markers
font-variant-position Controls the usage of alternate glyphs of smaller size positioned as superscript or subscript regarding the baseline of the font
font-weight Specifies the weight of a font
grid A shorthand property for the grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, and the grid-auto-flow properties
grid-area Either specifies a name for the grid item, or this property is a shorthand property for the grid-row-start, grid-column-start, grid-row-end, and grid-column-end properties
grid-auto-columns Specifies a default column size
grid-auto-flow Specifies how auto-placed items are inserted in the grid
grid-auto-rows Specifies a default row size
grid-column A shorthand property for the grid-column-start and the grid-column-end properties
grid-column-end Specifies where to end the grid item
grid-column-gap Specifies the size of the gap between columns
grid-column-start Specifies where to start the grid item
grid-gap A shorthand property for the grid-row-gap and grid-column-gap properties
grid-row A shorthand property for the grid-row-start and the grid-row-end properties
grid-row-end Specifies where to end the grid item
grid-row-gap Specifies the size of the gap between rows
grid-row-start Specifies where to start the grid item
grid-template A shorthand property for the grid-template-rows, grid-template-columns and grid-areas properties
grid-template-areas Specifies how to display columns and rows, using named grid items
grid-template-columns Specifies the size of the columns, and how many columns in a grid layout
grid-template-rows Specifies the size of the rows in a grid layout
hanging-punctuation Specifies whether a punctuation character may be placed outside the line box
height Sets the height of an element
hyphens Sets how to split words to improve the layout of paragraphs
image-rendering Gives a hint to the browser about what aspects of an image are most important to preserve when the image is scaled
@import Allows you to import a style sheet into another style sheet
isolation Defines whether an element must create a new stacking content
justify-content Specifies the alignment between the items inside a flexible container when the items do not use all available space
@keyframes Specifies the animation code
left Specifies the left position of a positioned element
letter-spacing Increases or decreases the space between characters in a text
line-break Specifies how/if to break lines
line-height Sets the line height
list-style Sets all the properties for a list in one declaration
list-style-image Specifies an image as the list-item marker
list-style-position Specifies the position of the list-item markers (bullet points)
list-style-type Specifies the type of list-item marker
margin Sets all the margin properties in one declaration
margin-bottom Sets the bottom margin of an element
margin-left Sets the left margin of an element
margin-right Sets the right margin of an element
margin-top Sets the top margin of an element
mask Hides an element by masking or clipping the image at specific places
mask-type Specifies whether a mask element is used as a luminance or an alpha mask
max-height Sets the maximum height of an element
max-width Sets the maximum width of an element
@media Sets the style rules for different media types/devices/sizes
min-height Sets the minimum height of an element
min-width Sets the minimum width of an element
mix-blend-mode Specifies how an element's content should blend with its direct parent background
object-fit Specifies how the contents of a replaced element should be fitted to the box established by its used height and width
object-position Specifies the alignment of the replaced element inside its box
opacity Sets the opacity level for an element
order Sets the order of the flexible item, relative to the rest
orphans Sets the minimum number of lines that must be left at the bottom of a page when a page break occurs inside an element
outline A shorthand property for the outline-width, outline-style, and the outline-color properties
outline-color Sets the color of an outline
outline-offset Offsets an outline, and draws it beyond the border edge
outline-style Sets the style of an outline
outline-width Sets the width of an outline
overflow Specifies what happens if content overflows an element's box
overflow-wrap Specifies whether or not the browser may break lines within words in order to prevent overflow (when a string is too long to fit its containing box)
overflow-x Specifies whether or not to clip the left/right edges of the content, if it overflows the element's content area
overflow-y Specifies whether or not to clip the top/bottom edges of the content, if it overflows the element's content area
padding A shorthand property for all the padding-* properties
padding-bottom Sets the bottom padding of an element
padding-left Sets the left padding of an element
padding-right Sets the right padding of an element
padding-top Sets the top padding of an element
page-break-after Sets the page-break behavior after an element
page-break-before Sets the page-break behavior before an element
page-break-inside Sets the page-break behavior inside an element
perspective Gives a 3D-positioned element some perspective
perspective-origin Defines at which position the user is looking at the 3D-positioned element
pointer-events Defines whether or not an element reacts to pointer events
position Specifies the type of positioning method used for an element (static, relative, absolute or fixed)
quotes Sets the type of quotation marks for embedded quotations
resize Defines if (and how) an element is resizable by the user
right Specifies the right position of a positioned element
scroll-behavior Specifies whether to smoothly animate the scroll position in a scrollable box, instead of a straight jump
tab-size Specifies the width of a tab character
table-layout Defines the algorithm used to lay out table cells, rows, and columns
text-align Specifies the horizontal alignment of text
text-align-last Describes how the last line of a block or a line right before a forced line break is aligned when text-align is "justify"
text-combine-upright Specifies the combination of multiple characters into the space of a single character
text-decoration Specifies the decoration added to text
text-decoration-color Specifies the color of the text-decoration
text-decoration-line Specifies the type of line in a text-decoration
text-decoration-style Specifies the style of the line in a text decoration
text-indent Specifies the indentation of the first line in a text-block
text-justify Specifies the justification method used when text-align is "justify"
text-orientation Defines the orientation of the text in a line
text-overflow Specifies what should happen when text overflows the containing element
text-shadow Adds shadow to text
text-transform Controls the capitalization of text
text-underline-position Specifies the position of the underline which is set using the text-decoration property
top Specifies the top position of a positioned element
transform Applies a 2D or 3D transformation to an element
transform-origin Allows you to change the position on transformed elements
transform-style Specifies how nested elements are rendered in 3D space
transition A shorthand property for all the transition-* properties
transition-delay Specifies when the transition effect will start
transition-duration Specifies how many seconds or milliseconds a transition effect takes to complete
transition-property Specifies the name of the CSS property the transition effect is for
transition-timing-function Specifies the speed curve of the transition effect
unicode-bidi Used together with the direction property to set or return whether the text should be overridden to support multiple languages in the same document
user-select Specifies whether the text of an element can be selected
vertical-align Sets the vertical alignment of an element
visibility Specifies whether or not an element is visible
white-space Specifies how white-space inside an element is handled
widows Sets the minimum number of lines that must be left at the top of a page when a page break occurs inside an element
width Sets the width of an element
word-break Specifies how words should break when reaching the end of a line
word-spacing Increases or decreases the space between words in a text
word-wrap Allows long, unbreakable words to be broken and wrap to the next line
writing-mode Specifies whether lines of text are laid out horizontally or vertically
z-index Sets the stack order of a positioned element