place-self

Свойство place-self позволяет выравнивать отдельный элемент в строчном и блочном направлении одновременно. place-self является сокращением для свойств align-self и justify-self.

Краткая информация

Значение по умолчанию auto
Наследуется Нет
Применяется К блочным элементам, абсолютно позиционированным элементам, грид-элементам
Анимируется Нет

Синтаксис

place-self: align-self justify-self?

Значения

Свойство place-self допускает использование одного или двух значений:

  • одно значение предназначено для установки одинаковых значений align-self и justify-self;
  • два значения устанавливают разные значения align-self и justify-self.

Для флекс-контейнеров свойство justify-self не работает, поэтому для них второе значение place-self игнорируется.

Песочница

1
2
3
div {
  display: grid;
}
.item {
  place-self: auto;
}

Объектная модель

Объект.style.placeSelf

Спецификация

Браузеры

79 59 46 11 45
59 45 43 11