place-self

Время чтения: меньше 5 мин

Кратко

Секция статьи "Кратко"

Шорткат для одновременного указания значений для свойств justify-self и align-self.

Пример

Секция статьи "Пример"

Элемент с классом .item1 прижмётся к верхней горизонтальной границе и правой вертикальной границе ячейки:

        
          
          .container {  justify-items: stretch;}.item1 {  place-self: start end;}
          .container {
  justify-items: stretch;
}

.item1 {
  place-self: start end;
}

        
        
          
        
      

Как пишется

Секция статьи "Как пишется"
  • auto (значение по умолчанию) — стандартное значение, можно использовать для сброса ранее заданных значений.
  • align-self justify-self — первое значение указывает на значение свойства align-self, второе значение устанавливает значение свойства justify-self. Если указано всего одно значение, то оно устанавливается в качестве значения для обоих свойств. Например, place-self: center выровняет элемент по центру по горизонтальной и по вертикальной осям одновременно.

Подсказки

Секция статьи "Подсказки"