repeat() 함수

사용법

repeat() 함수 또는 표기법(notation)을 사용하면 반복되는 값을 손쉽게 설정할 수 있습니다.

예시

.grid-container {
  display: grid;
  /* repeat() 함수 사용법 */
  grid-template-rows: repeat(2, 1fr);         /* 1fr 1fr */
  grid-template-columns: repeat(3, 1fr 2fr);  /* 1fr 2fr 1fr 2fr 1fr 2fr */
}

레퍼런스

Previousfr 단위 Nextminmax() 함수

Last updated 6 years ago

사용법

repeat() 함수 또는 표기법(notation)을 사용하면 반복되는 값을 손쉽게 설정할 수 있습니다.

예시

.grid-container {
  display: grid;
  /* repeat() 함수 사용법 */
  grid-template-rows: repeat(2, 1fr);         /* 1fr 1fr */
  grid-template-columns: repeat(3, 1fr 2fr);  /* 1fr 2fr 1fr 2fr 1fr 2fr */
}