font-kerning
: кернинг
Свойство
font-kerning наследуется, применяется ко всем элементам, изменяет текст | ||
auto
| на усмотрение браузера: кернинг используется для среднего и большого размеров шрифта, не используется только для маленького размера шрифта | |
---|---|---|
normal
| кернинг используется | |
none
| кернинг не используется | |
initial
| auto
| |
inherit
| наследует значение родителя | |
unset
| наследует значение родителя |
<style> div { font-kerning: auto; } </style> <div>Свойство <code>font-kerning</code> наследуется, применяется ко всем элементам, изменяет текст</div>
letter-spacing
: доп. расстояние между буквами
Свойство
letter-spacing наследуется, применяется ко всем элементам, изменяет текст | ||
normal
| на усмотрение браузера: при выравнивании текста по ширине дополнительное расстояние может быть отличным от нуля | |
---|---|---|
initial
| normal
| |
inherit
| наследует значение родителя | |
unset
| наследует значение родителя |
<style> div { letter-spacing: normal; } </style> <div>Свойство <code>letter-spacing</code> наследуется, применяется ко всем элементам, изменяет текст</div>
word-spacing
: доп. расстояние между словами
Свойство
word-spacing наследуется, применяется ко всем элементам, изменяет текст и строчные элементы | ||
normal
| 0 | |
---|---|---|
initial
| как normal
| |
inherit
| наследует значение родителя | |
unset
| наследует значение родителя |
<style> div { word-spacing: normal; } </style> <div>Свойство <code>word-spacing</code> наследуется, применяется ко всем элементам, изменяет текст и строчные элементы</div>
text-indent
: отступ первой строки
Свойство
text-indent наследуется, применяется к блочным элементам, изменяет текст и строчные элементы | ||
initial
| 0
| |
---|---|---|
inherit
| наследует значение родителя | |
unset
| наследует значение родителя |
<style> div { text-indent: 0; } </style> <div>Свойство <code>text-indent</code> наследуется, применяется к блочным элементам, изменяет текст и строчные элементы</div>
text-align
: выравнивание содержимого блока по горизонтали
Свойство
text-align наследуется, применяется к блочным элементам, изменяет текст и строчные элементы | ||
start
| при direction: ltr; содержимое выравнено по левому краю, при direction: rtl; — по правому
| |
---|---|---|
end
| при direction: ltr; содержимое выравнено по правому краю, при direction: rtl; — по левому
| |
left
| содержимое выравнено по левому краю | |
right
| содержимое выравнено по правому краю | |
center
| содержимое выравнено по середине | |
justify
| содержимое последней строки выравнено как при значении start , если иное не указано в свойстве text-align-last , остальные строчки выравнены по ширине
| |
justify-all
| содержимое выравнено по ширине | |
match-parent
| если родителю заданы свойства direction: ltr; и text-align: start; , то содержимое выравнено по левому краю, если direction: rtl; и text-align: start; , то — по правому; если родителю заданы свойства direction: ltr; и text-align: end; , то содержимое выравнено по правому краю, если direction: rtl; и text-align: end; , то — по левому
| |
initial
| start
| |
inherit
| наследует значение родителя | |
unset
| наследует значение родителя |
<style> div { text-align: start; } </style> <div>Свойство <code>text-aligng</code> наследуется, применяется к блочным элементам, изменяет текст и строчные элементы</div>
line-height
: расстояние между строк
Свойство
line-height наследуется, применяется ко всем элементам, изменяет текст и строчные элементы. См. более подробно про межстрочный интервал | ||
normal
| на усмотрение браузера | |
---|---|---|
initial
| normal
| |
inherit
| наследует значение родителя | |
unset
| наследует значение родителя |
<style> div { line-height: normal; } </style> <div>Свойство <code>line-height</code> наследуется, применяется ко всем элементам, изменяет текст и строчные элементы</div>
padding
: внутренний отступ
Свойство
padding не наследуется, применяется ко всем элементам, изменяет блочные и строчные элементы. См. более подробно про отступ от рамки до текста или другого содержимого контейнера | ||
сверху
справа снизу слева | ||
initial
| 0
| |
---|---|---|
inherit
| наследует значение родителя | |
unset
| 0 |
<style> div { padding: 0; /* или */ padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } </style> <div>Свойство <code>padding</code> наследуется, применяется ко всем элементам, изменяет блочные и строчные элементы</div>
margin
: внешний отступ
Свойство
margin не наследуется, применяется ко всем элементам, изменяет блочные и строчные элементы. См. более подробно про отступ до рамки | ||
сверху
справа снизу слева | ||
initial
| 0
| |
---|---|---|
inherit
| наследует значение родителя | |
unset
| 0 |
<style> div { padding: 0; /* или */ padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } </style> <div>Свойство <code>margin</code> наследуется, применяется ко всем элементам, изменяет блочные и строчные элементы</div>
Использованные материалы:
сократить пропуск поменять расставить поставить исправить отредактировать большой маленький
Комментариев нет: