텍스트 글자들의 레이이웃을 지정하는 복합 명령으로 문서의 그리드(grid) 속성들을 반환하거나 설정한다.
| (mode) | layoutGridMode 속성에 사용할 수 있는 모드(mode) 값 증의 하나이다. |
| (type) | layoutGridType 속성에 사용할 수 있는 형식(type)값 증의 하나이다. |
| (line) | layoutGridLine 속성에 사용할 수 있는 줄(line)값 증의 하나이다. |
| (char) | layoutGridChar 속성에 사용할 수 있는 글자(character)값 증의 하나이다. |
이 속성은 읽기/쓰기이다. 이 속성의 디폴트값은 both loose none none이다.
CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.
중국어, 일본어와 같은 아시아 언어들에서 일반적으로 일차원 혹은 2차원적 그리드를 이용하여 글자들을 위한 페이지 레이아웃을 생성한다. 이 layoutGrid 애트리뷰트를 사용하여 이와같은 레이아웃을 웹 문서에 적용할 수 있다.
| 개체 | script | CSS | IE 버전 |
|---|
이 속성은 CSS(Cascading Style Sheets)의 부분에 포함시킬 것이 제안되었다.
layoutGrid 애트리뷰트를 사용하여 블럭 텍스트의 글자 배치를 설정하였다.
<STYLE>DIV.layout { layout-grid: both fixed 16px 12px }</STYLE>
<DIV id=divObj class="layout">이 블럭은 레이아웃된 블럭이다.<BR>
This DIV is a block element.
</DIV>
<DIV style="color:teal">
<SCRIPT>
str='document.styleSheets[1].cssText='+document.styleSheets[1].cssText+'<BR>';
str+='divObj.currentStyle.layoutGrid='+divObj.currentStyle.layoutGrid+'<BR>';
str+='divObj.currentStyle.layoutGridMode='+divObj.currentStyle.layoutGridMode+'<BR>';
str+='divObj.currentStyle.layoutGridType='+divObj.currentStyle.layoutGridType+'<BR>';
str+='divObj.currentStyle.layoutGridLine='+divObj.currentStyle.layoutGridLine+'<BR>';
str+='divObj.currentStyle.layoutGridChar='+divObj.currentStyle.layoutGridChar+'<BR>';
document.write(str);
</SCRIPT>
</DIV>