최고의 CSS3 그리드 열 속성 튜토리얼 2024년, 이 튜토리얼에서는 예,브라우저 지원,정의 및 지침을 속성,문법,를 배울 수 있습니다.

CSS3 그리드 열 속성

div 요소 그리드 라인, 200 화소 우측, 나머지 공간은 다른으로 추가

div
{
grid-columns:50% * * 200px;
}


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

더 주요 브라우저 지원 계통 열 속성이 없습니다.


정의 및 지침을 속성

그리드 열 속성은 각 열의 격자의 폭을 지정합니다.

팁 : 그리드 시스템을 사용하여 인쇄 디자이너를위한 엄청난 가치가있다.이제 동일한 변화는 온라인 콘텐츠에 적용된다. 그리드 속성은 텍스트와 사진 크기와 위치의 확장 가능한 그리드 용량 제목의 조정을 제공한다.

기본값 : 없음
상속 : 아니
버전 : CSS3
자바 스크립트 구문 : 개체 .style.gridColumns = "50 % * *200 픽셀"


문법

grid-columns:length|%|none|inherit;

기술
길이 블록 그리드를 포함하는 참조.
% 참조 블록의 폭을 포함합니다.
없음
상속
CSS3 그리드 열 속성
10/30