A propriedade CSS orientation foi uma proposta de especificação que tinha o potencial de permitir que os desenvolvedores da web definissem a orientação da página ou do dispositivo em relação à orientação padrão, como retrato (vertical) ou paisagem (horizontal). No entanto, essa propriedade não foi amplamente adotada e não faz parte da especificação CSS padrão até a minha data de corte de conhecimento em setembro de 2021.

Em vez disso, as propriedades CSS relacionadas à orientação da página ou do dispositivo geralmente envolvem o uso de media queries. As media queries permitem que você defina estilos com base em várias características do dispositivo, incluindo a orientação. Você pode usar a propriedade @media para aplicar estilos condicionalmente com base na orientação da tela. Aqui está um exemplo de como isso pode ser feito:

@media (orientation: portrait) {
  /* Estilos a serem aplicados quando a orientação é retrato (vertical) */
}

@media (orientation: landscape) {
  /* Estilos a serem aplicados quando a orientação é paisagem (horizontal) */
}

Nesse exemplo, os estilos dentro da primeira media query serão aplicados quando a orientação for retrato, enquanto os estilos dentro da segunda media query serão aplicados quando a orientação for paisagem.

Lembre-se de que a adoção e o suporte para recursos de CSS podem variar entre navegadores, portanto, verifique sempre a compatibilidade antes de usar essas propriedades em seus projetos.