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

• initial, inherit, unset
• Значения: px, em, rem, vw, vh, vmin, vmax

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	на усмотрение браузера: при выравнивании текста по ширине дополнительное расстояние может быть отличным от нуля
	em rem ex ch vh vw vmin vmax px mm cm in pt pc
	initial	normal
	inherit	наследует значение родителя
	unset	наследует значение родителя

<style>
div {
  letter-spacing: normal;
}
</style>

<div>Свойство <code>letter-spacing</code> наследуется, применяется ко всем элементам, изменяет текст</div>

word-spacing: доп. расстояние между словами

Свойство word-spacing наследуется, применяется ко всем элементам, изменяет текст и строчные элементы
	normal	0
	em rem ex ch vh vw vmin vmax px mm cm in pt pc %
	initial	как normal
	inherit	наследует значение родителя
	unset	наследует значение родителя

<style>
div {
  word-spacing: normal;
}
</style>

<div>Свойство <code>word-spacing</code> наследуется, применяется ко всем элементам, изменяет текст и строчные элементы</div>

text-indent: отступ первой строки

Свойство text-indent наследуется, применяется к блочным элементам, изменяет текст и строчные элементы
	em rem ex ch vh vw vmin vmax px mm cm in pt pc %
	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	на усмотрение браузера
	em rem ex ch vh vw vmin vmax px mm cm in pt pc %
	initial	normal
	inherit	наследует значение родителя
	unset	наследует значение родителя

<style>
div {
  line-height: normal;
}
</style>

<div>Свойство <code>line-height</code> наследуется, применяется ко всем элементам, изменяет текст и строчные элементы</div>

padding: внутренний отступ

Свойство padding не наследуется, применяется ко всем элементам, изменяет блочные и строчные элементы. См. более подробно про отступ от рамки до текста или другого содержимого контейнера
	сверху em rem ex ch vh vw vmin vmax px mm cm in pt pc % справа em rem ex ch vh vw vmin vmax px mm cm in pt pc % снизу em rem ex ch vh vw vmin vmax px mm cm in pt pc % слева em rem ex ch vh vw vmin vmax px mm cm in pt pc %
	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 не наследуется, применяется ко всем элементам, изменяет блочные и строчные элементы. См. более подробно про отступ до рамки
	сверху em rem ex ch vh vw vmin vmax px mm cm in pt pc % справа em rem ex ch vh vw vmin vmax px mm cm in pt pc % снизу em rem ex ch vh vw vmin vmax px mm cm in pt pc % слева em rem ex ch vh vw vmin vmax px mm cm in pt pc %
	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

сократить пропуск поменять расставить поставить исправить отредактировать большой маленький