CSS place-items 단축 속성이 설정하는 것은?

Q: CSS place-items 단축 속성이 설정하는 것은?

align-items와 justify-items를 한 번에 지정한다 place-items는 align-items(수직 정렬)와 justify-items(수평 정렬)를 한 번에 설정하는 단축 속성입니다. place-items: center와 같이 사용하면 Grid나 Flexbox 컨테이너에서 아이템을 수직·수평 모두 가운데 정렬할 수 있어 간편합니다.

쉬움 MDN Web Docs

보기 및 정답

A 요소의 위치(position)와 크기를 동시에 지정한다

B align-items와 justify-items를 한 번에 지정한다

C revert는 initial과 동일하게 초기값을 적용하는 키워드이다

D CSS에서 !important는 하위 요소에도 자동 적용된다

해설

place-items는 align-items(수직 정렬)와 justify-items(수평 정렬)를 한 번에 설정하는 단축 속성입니다. place-items: center와 같이 사용하면 Grid나 Flexbox 컨테이너에서 아이템을 수직·수평 모두 가운데 정렬할 수 있어 간편합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

CSS place-items 단축 속성이 설정하는 것은?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

모두를 위한 진짜 쎈 바이브코딩