CSS grid-columns 속성
브라우저 지원
현재 grid-columns는 브라우저에서 지원되지 않습니다.
정의 및 사용법
grid-columns 속성은 그리드 내 각 열의 너비입니다.
ヒント:그리드 시스템은 인쇄 디자이너에게 큰 가치를 제공합니다. 지금과 같은 변화가 온라인 콘텐츠에 적용되었습니다. 그리드 속성은 제목, 텍스트, 그래픽 사이즈 및 위치를 조정할 수 있는 능력을 제공합니다.
예제
div 요소 중앙에 하나의 그리드 행을 추가하고, 오른쪽 200픽셀 지점에 추가하고, 나머지 공간 중앙에 추가합니다:
div { grid-columns:50% * * 200px; }
CSS 문법
grid-columns: 길이|%|none|thuộc kế;
속성 값
값 | 설명 |
---|---|
길이 | 포함된 블록의 그리드를 참조합니다. |
% | 포함된 블록의 너비를 참조합니다. |
none | |
thừa kế |
기술 세부 사항
기본값: | none |
---|---|
상속성: | no |
버전: | CSS3 |
JavaScript 문법: | object.style.gridColumns="50% * * 200px" |