grid-columns

임홍렬·2022년 4월 30일
0

none

명시적 그리드가 없음을 나타냄 grid-auto-columns모든 열은 암시적으로 생성되며 해당 크기는 속성 에 의해 결정됨.

linename

<custom-ident>해당 위치에 있는 라인의 이름을 지정합니다. ident는 예약어 span및 를 제외한 모든 유효한 문자열일 수 있고, 줄에는 대괄호 안에 공백으로 구분된 여러 이름이 있을 수 있다.

length

열 너비를 제공하는 음수가 아닌 길이

percentage

그리드 컨테이너의 인라인 크기에 상대적인 음수가 아닌 값이다. 
그리드 컨테이너의 크기가 달라지면 백분율을로 처리해야 한다. 
트랙의 고유 크기 기여는 그리드 컨테이너의 크기로 조정될 수 있다.

flex

fr트랙의 플렉스 팩터를 지정하는 단위가 있는 음수가 아닌 치수이다.  
크기의 트랙은 플렉스 팩터에 비례하여 나머지 공간을 공유한다.

max-content

그리드 트랙을 차지하는 그리드 항목의 최대치를 정한다.

min-content

그리드 트랙을 차지하는 그리드 항목의 가장 최소치를 정한다.

minmax(min, max)

min 보다 크거나 같고 max 보다 작거나 같은 크기 범위를 정한다. 
max 가 min 보다 작으면 max 는 무시되고 함수는 min 으로 처리됨 . 

auto

최대값은 max-content해당 트랙에 있는 항목의 가장 큰 크기를 나타냄.
auto 범위는 auto으로 늘릴 수 있다. 따라서 기본적으로 크기가 조정된 트랙은 그리드 컨테이너의 나머지 공간을 차지한다.
profile
뜨내기 FE 개발자

0개의 댓글