Properties

Properties

Editing
  • account_tree
  • bug_report

grid-column-end

항목이 몇 개의 열로 확장되는지 또는 항목이 끝나는 열의 줄의 위치를 정의한다.

사용 가능한 값 타입

〈grid-line〉

  • auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]

사용되는 키워드

  • auto

    그리드 항목 배치에 아무런 영향을 주지 않으며 자동 배치를 나타낸다.

  • span

    그리드 항목 영역의 해당 가장자리가 반대쪽 가장자리에서 n줄이 되도록 그리드 항목의 배치에 그리드 범위를 지정한다.

사용되는 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

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

테스트 도구

(1) grid-columm-end 테스트 도구

(2) grid-columm-start, grid-column-end 테스트 도구

버전 명세

Modules
Module NameStatusSummary
CSS Grid Layout Module Level 2후보 추천 초안

사용자 인터페이스 설계에 최적화된 2차원 그리드 기반 레이아웃 시스템을 정의한다.


Last review date: 2022-6-23

지원 웹브라우저