place-self

Шорткат для одновременного указания значений для свойств 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 выровняет элемент по центру по горизонтальной и по вертикальной осям одновременно.