Properties

Properties

Editing
  • account_tree
  • bug_report

text-align

text-align-alltext-align-last 속성을 설정하고 콘텐츠가 줄 상자를 완전히 채우지 않는 경우 블록의 인라인 수준 콘텐츠가 인라인 축을 따라 정렬되는 방법을 정의하는 속기 속성이다.

설명

justify-all 또는match-parent 이외의 키워드는 text-align-all에 할당하고 text-align-lastauto 재설정한다.

하지만 text-align 속성이 속기 속성으로서의 역할은 아직 의문이다. 속기로 작성되는 값의 일부에 해당하는 text-align-all 속성이 아직 지원이 안된다.

작성일 기준 text-align-all 속성은 유저 에이전트 지원 여부를 확인할 수가 없다.

사용 가능한 값 타입

<'text-align'>

DEVDIC-Specified Data Types

text-align 속성에 사용되는 타입이다.

  • Text Module Level 3
    start | end | left | right | center | justify | match-parent | justify-all

사용되는 키워드

  • end

    CSS Logical Properties and Values Level 1

    인라인 수준의 콘텐츠는 정렬 상자의 끝 가장자리에 맞춰 정렬된다.

  • start

    CSS Logical Properties and Values Level 1

    인라인 수준의 콘텐츠는 정렬 상자의 시작 가장자리에 맞춰 정렬된다.

  • center

    인라인 수준의 콘텐츠는 줄 상자의 중앙에 정렬된다.

  • justify

    라인 상자를 정확히 채우기 위해 텍스트는 text-justify 속성에 지정된 방법에 따라 정렬된다.

  • justify-all

    text-align-alltext-align-last를 모두 양쪽 맞춤으로 설정하여 마지막 줄도 양쪽 맞춤하도록 정렬된다.

    작성일 기준으로 유저 에이전트가 지원하지 않는다.
  • left

    인라인 수준의 콘텐츠는 줄 상자의 왼쪽 가장자리에 맞춰 정렬된다. 수직 쓰기 모드에서는 쓰기 모드에 따라 물리적 상단 또는 하단이 될 수도 있다.

  • match-parent

    상속된 start 또는 end 값이 부모(부모가 없는 경우 초기 포함 블록) 방향 값에 대해 해석되고 결과적으로 계산된 값이 나온다는 점을 제외하고는 inherit(부모의 계산된 값으로 계산)값과 동일하게 동작한다.

  • right

    인라인 수준의 콘텐츠는 줄 상자의 오른쪽 가장자리에 맞춰 정렬된다. 수직 쓰기 모드에서는 쓰기 모드에 따라 물리적 상단 또는 하단이 될 수도 있다.

속기에 사용되는 관련 속성

모든 속성을 표시하지 않을 수도 있다.

  • text-align-all

    text-align-last 속성의 auto가 아닌 값으로 재정의된 마지막 줄을 제외하고 블록 컨테이너에 있는 모든 인라인 콘텐츠 줄의 인라인 정렬을 지정한다.

  • text-align-last

    블록의 마지막 줄 또는 강제 줄 바꿈 직전의 줄이 정렬되는 방식을 지정한다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • 〈'text-align'〉start
    CSS1

    인라인 수준의 콘텐츠는 정렬 상자의 시작 가장자리에 맞춰 정렬된다.

  • 인라인 수준의 콘텐츠는 줄 상자의 중앙에 정렬된다.

  • CSS Logical Properties and Values Level 1

    인라인 수준의 콘텐츠는 정렬 상자의 끝 가장자리에 맞춰 정렬된다.

  • 라인 상자를 정확히 채우기 위해 텍스트는 text-justify 속성에 지정된 방법에 따라 정렬된다.

  • text-align-alltext-align-last를 모두 양쪽 맞춤으로 설정하여 마지막 줄도 양쪽 맞춤하도록 정렬된다.

    작성일 기준으로 유저 에이전트가 지원하지 않는다.
  • 인라인 수준의 콘텐츠는 줄 상자의 왼쪽 가장자리에 맞춰 정렬된다. 수직 쓰기 모드에서는 쓰기 모드에 따라 물리적 상단 또는 하단이 될 수도 있다.

  • 〈'text-align'〉match-parent

    상속된 start 또는 end 값이 부모(부모가 없는 경우 초기 포함 블록) 방향 값에 대해 해석되고 결과적으로 계산된 값이 나온다는 점을 제외하고는 inherit(부모의 계산된 값으로 계산)값과 동일하게 동작한다.

  • 인라인 수준의 콘텐츠는 줄 상자의 오른쪽 가장자리에 맞춰 정렬된다. 수직 쓰기 모드에서는 쓰기 모드에 따라 물리적 상단 또는 하단이 될 수도 있다.

구문

  • text-align: right;
    Text Module Level 3
  • object.style.textAlign = "right"
    Text Module Level 3

테스트 도구

요소 안의 콘텐츠에 대한 수평 정렬 테스트

버전 명세

Modules
Module NameStatusSummary
Text Module Level 3

Last review date: 2022-6-26

CSS Logical Properties and Values Level 1초안 작업

Last review date: 2022-8-23

지원 웹브라우저