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"
  • 이전 페이지
  • 다음 페이지