엘레멘트의 텍스트 내용을 표현하는데 사용되는 그리드(grid)의 형식(type)을 나타내는 값을 반환하거나 설정한다.

인수
cssSelector : (스타일 선택자)
속성을 가질수 있는 엘레멘트()나 클라스(class) 이름 혹은 인식자(id)이다.

: (속성 문자열)
스타일 속성은 개체에서 그리드 형식을 나타내는 문자열이다.

loose 디폴트이며, 한글과 일본어에서 사용되는 그리드이다. 이 모드에서는 다음과 같이 글자들에 계속적으로 너비가 증가된다. 넓은 글자들과 좁은 글자들이 정확히 그리드에 맞도록 layoutGridChar 속성에 지정된 바에 따라 증가된다. 연결된 필기체 글자들을 제외하고 다른 좁은 글자들은 넓은 글자에 적용되는 너비의 반 만큼씩 증가된다. 연결된 필기체 글자들을 포함한 다른 글자들은 증가되지 않고, 그리드(grid)가 설정되지 않은 것 처럼 처리된다.
strict 이 글자는 한국어, 일본어(Genko)를 비롯하여 중국어에 사용되는 그리드이다. 표의문자, 일본어 가나와 넓은 글자들만은 그리드(grid)에 맞춘다. 다른 글자들은 이들 글자들을 포함하는 텍스트 부분에서 layout-grid-mode 애트리뷰트가 none 혹은 line으로 설정된 것처럼 보통과 같이 표현한다. 이 모드는 또한 특수 텍스트 정렬과 일반적으로 엘레멘트에 적용되는 글자 너비 조정을 중지시킨다. 텍스트 부분에서 줄 범위를 초과하여도 줄바꿈 기회가 없으면, 텍스트는 다음 줄로 밀어지고 이전 줄의 마지막 부분은 빈간으로 남는다.
fixed 동일 간격(monospace) 그리드 레이아웃에 사용되며, 규칙은 다음과 같다. 모든 필기체가 아닌 글자들은 동일하게 취급된다. 각 글자는 디폴트로 단일 그리드 공간 속에서 중앙에 맞춰진다. 필기체 글자는 strict 그리드에서와 같이 띄로 처리된다. 정렬과 글자의 너비 조정은 전부 중지된다.

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 loose이다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.

특기

중국어, 일본어와 같은 아시아 언어들에서 일반적으로 일차원 혹은 2차원적 그리드를 이용하여 글자들을 위한 페이지 레이아웃을 생성한다. 이 layoutGrid 애트리뷰트를 사용하여 이와같은 레이아웃을 웹 문서에 적용할 수 있다.

layout-grid-type 애트리뷰트는 블럭레벨 엘레멘트에만 적용된다.

적용
개체scriptCSS IE 버전
참조
layoutGrid layoutGridMode layoutGridType layoutGridLine layoutGridChar

이 속성은 CSS(Cascading Style Sheets)의 부분에 포함시킬 것이 제안되었다.