Properties

Properties

Draft
  • account_tree
  • bug_report

grid-template-areasCSS3

그리드 레이아웃 내의 영역을 지정한다.

설명

grid-area 속성을 사용하여 그리드 항목의 이름을 지정한 다음 grid-template-areas 속성의 값으로 참조할 수 있다. 각 영역은 인용 부호로 감싸 정의한다. 이름 없는 격자 항목을 나타내려면 마침표를 사용한다.

설정 가능한 속성 값

  • none기본값키워드CSS3

    명명된 그리드 영역이 없음

  • itemName문자열CSS3

    나열된 그리드 항목의 이름에 따라 그리드 영역을 생성한다.

구문

  • grid-template-areas none;기본값CSS3
  • grid-template-areas 'item1 item1 . .';사용 예CSS3
    grid-template-areas 설정으로 그리드 레이아웃 처리 예제

버전 명세

Version NameDescriptionFlags
CSS3

지원 웹브라우저