.item1 {
grid-area: myArea;
}
.grid-container {
display: grid;
grid-template-areas: "myArea myArea . . .";
}
이 grid-template-areas속성은 그리드 레이아웃 내의 영역을 지정합니다.
그리드 영역 속성 을 사용하여 그리드 항목 의 이름을 지정한 다음 grid-template-areas 속성 의 이름을 참조 할 수 있습니다.
현재 IE16 버전 이상에서만 지원하는 속성입니다.
grid-template-areas: none|itemnames;