CSS에서 수직 오른쪽 텍스트 방향을 달성하는 방법은 무엇입니까?

CSS 텍스트 방향: 수직 오른쪽 방향 달성

CSS에서는 쓰기 모드 및 텍스트 방향 속성을 사용하여 텍스트 방향을 조작할 수 있습니다. 본 이미지처럼 오른쪽을 향하는 세로 방향의 텍스트를 얻으려면 이러한 속성의 조합이 필요합니다. 그러나 텍스트 방향은 모든 브라우저에서 보편적으로 지원되지 않는다는 점은 주목할 가치가 있습니다.

원래 시도 코드:

div {
  writing-mode: vertical-rl;
  text-orientation: sideways;
}

변환을 사용한 솔루션:

div {
  writing-mode: vertical-rl;
  transform: scale(-1);
}

원래 코드는 옆으로 사용하려고 합니다. 그러나 더 넓은 브라우저 호환성을 위해 이를 크기 변환으로 대체할 수 있습니다. 변환: 스케일(-1) 규칙을 사용하면 텍스트가 수평으로 뒤집어 방향이 바뀌고 효과적으로 오른쪽 수직 텍스트 정렬이 생성됩니다.

HTML:

<div>dimanche</div>

위 내용은 CSS에서 수직 오른쪽 텍스트 방향을 달성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!