Отступы, пробелы, расстояния, пустое пространство | CSS

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>

Использованные материалы:

  1. developer.mozilla.org
сократить пропуск поменять расставить поставить исправить отредактировать большой маленький
в f t
наверх ↑

Комментариев нет: