텍스트 글자들의 레이이웃을 지정하는 복합 명령으로 문서의 그리드(grid) 속성들을 반환하거나 설정한다.

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

: (속성 문자열)
스타일 속성은 텍스트 글자들의 레이이웃을 지정하는 다음 내용들을 순차적으로 열거한 문자열이다.

(mode) layoutGridMode 속성에 사용할 수 있는 모드(mode) 값 증의 하나이다.
(type) layoutGridType 속성에 사용할 수 있는 형식(type)값 증의 하나이다.
(line) layoutGridLine 속성에 사용할 수 있는 줄(line)값 증의 하나이다.
(char) layoutGridChar 속성에 사용할 수 있는 글자(character)값 증의 하나이다.

이 속성은 읽기/쓰기이다. 이 속성의 디폴트값은 both loose none none이다.

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

특기

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

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

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


이 블럭은 레이아웃된 블럭이다.
This DIV is a block element.

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>