position-try

Свойство position-try является шорткатом для свойств position-try-order и position-try-fallbacks.

        
          
          .target {  position-try: most-width flip-inline, bottom;}
          .target {
  position-try: most-width flip-inline, bottom;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

С помощью свойства position-try можно указать и фолбэки расположения, и их порядок применения.

Если одновременно указываются значения и для position-try-order, и для position-try-fallbacks, значение для position-try-order должно идти первым. Далее можно указать несколько значений для position-try-fallbacks через запятую.

        
          
          .target {  position-try: <try-order> <fallback-1>, <fallback-2>;}
          .target {
  position-try: <try-order> <fallback-1>, <fallback-2>;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Если значение для position-try-order будет опущено, то для него применится дефолтное значение (normal).

        
          
          .target {  position-try: <fallback-1>, <fallback-2>;}
          .target {
  position-try: <fallback-1>, <fallback-2>;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать