처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
더보기
인사이트 FAQ 유튜브 카페

로그인

| 비밀번호찾기

추가 정보 입력

서비스 이용을 위해 휴대전화 번호를 입력해주세요.

회원가입

무료 회원가입 가입비 없이 무료로 가입할 수 있습니다

이미 계정이 있으신가요?

비밀번호 찾기

퀴즈 / CSS / 문제

CSS place-items 속성은 어떤 속성의 축약형인가요?

보통 MDN Web Docs
보기 및 정답
A align-items와 justify-items를 동시에 설정하는 축약형이다
B @import 규칙은 스타일시트의 어느 위치에서든지 자유롭게 선언하여 사용할 수 있다
C CSS에서 단위 없는 0은 길이 속성에서만 유효하며 각도에는 사용 불가하다
D CSS 속성의 값이 잘못되면 해당 선언뿐 아니라 전체 규칙 블록이 무시된다

해설

place-items는 Grid나 Flexbox 컨테이너에서 align-items(블록 축)와 justify-items(인라인 축)를 한 줄로 설정합니다. place-items: center는 두 축 모두 중앙 정렬하여 요소를 완벽한 정중앙에 배치합니다.

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

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

정규반 살펴보기

관련 문제

CSS :focus-visible 의사 클래스가 :focus와 다른 점으로 올바른 것은?
CSS
CSS all: unset 선언의 효과로 올바른 것은?
CSS
CSS counter-reset과 counter-increment를 사용하는 목적은?
CSS
CSS text-wrap: balance 속성의 역할은 무엇인가요?
CSS
CSS에서 ::before와 ::after 의사 요소의 공통 필수 조건은?
CSS