Вы находитесь на странице: 1из 7

CSS свойства текста

Свойство Описание Введено в


@font-face Позволяет подключить к веб-страницам произвольные шрифты. CSS3
Позволяет установить все свойства шрифта (font-family, font-size,
font CSS1
font-style, font-variant, font-weight) за одно определение.
font-family Позволяет установить шрифт текста. CSS1
font-size Позволяет установить размер текста. CSS1
color Позволяет установить цвет текста. CSS1
Позволяет привязать тень (или несколько теней) к тексту
text-shadow CSS3
элемента.
text-
Позволяет оформить текст элемента. CSS1
decoration
text-align Позволяет определить горизонтальное выравнивание текста. CSS1
letter-
Позволяет определить расстояние между символами текста. CSS1
spacing
word-
Позволяет определить расстояние между словами текста. CSS1
spacing
line-height Позволяет установить высоту строк. CSS1
font-style Позволяет установить стиль шрифта элемента. CSS1
font-variant Позволяет отобразить текст элемента капителью. CSS1
font-weight Позволяет установить толщину шрифта. CSS1
text- Позволяет указать как должен отображаться текст вышедший за
CSS3
overflow пределы границ элемента.
vertical-
Позволяет установить вертикальное выравнивание текста. CSS1
align
text-
Позволяет управлять регистром символов в тексте. CSS1
transform
text-indent Позволяет установить величину отступа первого символа текста. CSS1
Позволяет установить алгоритм выравнивания для свойства "text-
text-justify CSS3
align:justify".
Позволяет указать должны ли длинные слова, выходящие за
word-wrap пределы родительского элемента, разбиваться и переносится на CSS3
новую строку или нет.
Позволяет установить как должны оформляться пробелы в тексте
white-space CSS1
элемента.
Позволяет установить как должны оформляться кавычки
quotes CSS1
вставленные тэгом <q>.
direction Позволяет установить направление письма текста. CSS1
CSS свойства выравнивания
Введено
Свойство Описание
в
height Позволяет установить высоту элемента. CSS1
width Позволяет установить ширину элемента. CSS1
Позволяет установить величину всех внешних отступов за
margin CSS1
одно определение.
Позволяет установить величину внешнего отступа от верхней
margin-top CSS1
части элемента.
margin- Позволяет установить величину внешнего отступа от правой
CSS1
right части элемента.
margin- Позволяет установить величину внешнего отступа от нижней
CSS1
bottom части элемента.
Позволяет установить величину внешнего отступа от левой
margin-left CSS1
части элемента.
Позволяет установить величину всех внутреннего отступов за
padding CSS1
одно определение.
Позволяет установить величину внутреннего отступа от
padding-top CSS1
верхней части элемента.
padding- Позволяет установить величину внутреннего отступа от
CSS1
right правой части элемента.
padding- Позволяет установить величину внутреннего отступа от
CSS1
bottom нижней части элемента.
Позволяет установить величину внутреннего отступа от левой
padding-left CSS1
части элемента.
Прижимает элемент к указанной стороне родительского
float элемента и заставляет последующие за ним элементы CSS1
страницы "обтекать" его.
position Позволяет установить метод размещения элемента. CSS2
Позволяет установить величину отступа от верхней стороны
top CSS2
элемента.
Позволяет установить величину отступа от правой стороны
right CSS2
элемента.
Позволяет установить величину отступа от нижней стороны
bottom CSS2
элемента.
Позволяет установить величину отступа от левой стороны
left CSS2
элемента.
clear Позволяет "очистить" элемент от действия float. CSS2
max-height Позволяет определить максимальную высоту элемента. CSS2
max-width Позволяет определить максимальную ширину элемента. CSS2
min-height Позволяет определить минимальную высоту элемента. CSS2
min-width Позволяет определить минимальную ширину элемента. CSS2
Позволяет установить порядок отображения элементов в
z-index CSS2
случае их наложения друг на друга.
clip Позволяет обрезать элемент размещенный абсолютно. CSS2
column- Позволяет разбить на указанное количество столбцов текст
CSS3
count элемента.
Позволяет установить величину отступа между столбцами
column-gap CSS3
текста.
column-
Позволяет установить ширину столбцов. CSS3
width
Позволяет установить все свойства оформления разделителя
column-rule CSS3
для столбцов текста за одно определение.
column-
Позволяет установить цвет разделителя. CSS3
rule-color
column-
Позволяет установить стиль разделителя. CSS3
rule-style
column-
Позволяет установить ширину разделителя. CSS3
rule-width
column- Позволяет установить на сколько столбцов должен
CSS3
span растягиваться элемент.
Позволяет установить способ выравнивания элементов
box-align CSS3
потомков.
box- Позволяет установить направление отображения элементов
CSS3
direction потомков.
Позволяет установить должны ли элементы потомки быть
box-flex CSS3
гибкими в размерах или нет.
box-ordinal- Позволяет установить порядок отображения элементов
CSS3
group потомков.
Позволяет установить как должен быть ориентирован
box-orient CSS3
элемент.
Позволяет установить позицию элементов потомков в по
горизонтали в горизонтально ориентированных элементах и
box-pack CSS3
позицию по вертикали в вертикально ориентированных
элементах.

CSS свойства фона


Введено
Свойство Описание
в
Позволяет установить все свойства фона за одно
background CSS1
определение.
background-
Позволяет установить размер фонового изображения. CSS3
size
Позволяет определить должна ли фоновая картинка быть
background-
закреплена или должна прокручиваться с остальным CSS1
attachment
содержимым страницы.
background-
Позволяет установить цвет фона элемента. CSS1
color
background-
Позволяет установить фоновую картинку для элемента. CSS1
image
background- Позволяет установить координаты местоположения
CSS1
position фоновой картинки.
background- Позволяет установить как должна повторятся фоновая
CSS1
repeat картинка для того, чтобы заполнить фон элемента.
Позволяет указывать как должен обрезаться фон
background-clip CSS3
элемента.
background- Позволяет задать позицию, от которой будет
CSS3
origin отсчитываться местоположение фонового изображения.

CSS свойства границ


Введено
Свойство Описание
в
Позволяет установить все свойства границ за одно
border CSS1
определение.
Позволяет определить цвет для всех границ элемента
border-color CSS1
за одно определение.
Позволяет определить стиль для всех границ элемента
border-style CSS1
за одно определение.
Позволяет установить ширину всех границ элемента за
border-width CSS1
одно определение.
Позволяет определить форму всех углов элемента за
border-radius CSS3
одно определение.
border-bottom-left- Позволяет определить форму нижнего левого угла
CSS3
radius элемента.
border-bottom- Позволяет определить форму нижнего правого угла
CSS3
right-radius элемента.
border-top-left- Позволяет определить форму верхнего левого угла
CSS3
radius элемента.
border-top-right- Позволяет определить форму верхнего правого угла
CSS3
radius элемента.
Позволяет использовать изображение в качестве
border-image CSS3
границы элемента.
Позволяет установить все свойства для верхней
border-top CSS1
границы элемента за одно определение.
Позволяет определить цвет верхней границы
border-top-color CSS1
элемента.
Позволяет определить стиль верхней границы
border-top-style CSS1
элемента.
Позволяет определить ширину верхней границы
border-top-width CSS1
элемента.
Позволяет установить все свойства для левой границы
border-left CSS1
элемента за одно определение.
border-left-color Позволяет определить цвет левой границы элемента. CSS1
border-left-style Позволяет определить стиль левой границы элемента. CSS1
Позволяет определить ширину левой границы
border-left-width CSS1
элемента.
Позволяет установить все свойства нижней границы за
border-bottom CSS1
одно определение.
border-bottom-
Позволяет определить цвет нижней границы элемента. CSS1
color
border-bottom- Позволяет определить стиль нижней границы
style элемента.
border-bottom- Позволяет определить ширину нижней границы
CSS1
width элемента.
Позволяет установить все свойства для правой
border-right CSS1
границы элемента за одно определение.
border-right-color Позволяет определить цвет правой границы элемента. CSS1
Позволяет определить стиль правой границы
border-right-style CSS1
элемента.
Позволяет определить ширину правой границы
border-rigth-width CSS1
элемента.
Позволяет установить все свойства внешней границы
outline CSS2
за одно определение.
Позволяет определить цвет внешней границы
outline-color CSS2
элемента.
Позволяет определить стиль внешней границы
outline-style CSS2
элемента.
Позволяет определить ширину внешней границы
outline-width CSS2
элемента.
Позволяет установить величину смещения внешней
outline-offset CSS3
границы от границы элемента.

CSS свойства переходов и анимации


Введено
Свойство Описание
в
@keyframes Блок для определения анимации. CSS3
Позволяет установить все свойства анимации (кроме
animation CSS3
animation-play-state) за одно определение.
animation-name Позволяет установить имя анимации. CSS3
Позволяет указать время выполнения анимации в
animation-duration CSS3
секундах.
animation-timing- Позволяет указать функцию смягчения отвечающую за
CSS3
function плавность выполнения анимации.
Позволяет установить величину задержки перед
animation-delay CSS3
началом выполнения анимации.
animation-
Позволяет установить количество повторов анимации. CSS3
iteration-count
animation- Позволяет указать должна ли анимация выполняться в
CSS3
direction обратном порядке или нет.
animation-play- Позволяет указать должна ли анимация выполняться
CSS3
state или быть остановлена.
Позволяет задать все свойства переходов за одно
transition CSS3
определение.
Позволяет указать CSS свойства, которые будут
transition-property CSS3
задействованы для создания перехода.
Позволяет указать время, в течении которого будет
transition-duration CSS3
совершен переход.
transition-timing- Позволяет указать функцию смягчения отвечающую за
CSS3
function плавность выполнения перехода.
Позволяет установить величину задержки перед
transition-delay CSS3
началом выполнения перехода.

CSS свойства таблиц и списков


Введено
Свойство Описание
в
Позволяет определить все свойства списков за одно
list-style CSS1
определение.
Позволяет установить произвольную картинку вместо
list-style-image CSS1
маркера списка.
list-style- Позволяет определить где должен отображаться маркер
CSS1
position списка.
list-style-type Позволяет определить вид маркера списка. CSS1
Позволяет установить должны ли границы таблицы и
border-collapse CSS2
ячеек соединится.
Позволяет установить расстояние между границами
border-spacing CSS2
смежных ячеек.
Позволяет установить место расположения табличного
caption-side CSS2
заголовка.
Позволяет установить как должны отображаться пустые
empty-cells CSS2
табличные ячейки.

CSS остальные свойства


Введено
Свойство Описание
в
display Позволяет установить способ отображения элемента. CSS1
opacity Позволяет установить уровень прозрачности элемента. CSS3
Позволяет превратить тэг в указанный элемент
appearance CSS3
пользовательского интерфейса.
resize Позволяет сделать элемент растягиваемым. CSS3
Позволяет указать, что должно случится если содержимое
overflow CSS2
элемента выйдет за его границы.
visibility Позволяет установить должен ли элемент быть видимым. CSS2
cursor Позволяет установить вид курсора мыши. CSS2
transform Позволяет трансформировать элемент. CSS3
transform- Позволяет изменить местоположение трансформированного
CSS3
origin элемента.
content Позволяет вставлять произвольное содержимое. CSS2