처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS 논리적 속성(Logical Properties)인 margin-inline과 margin-block의 차이점은?

어려움 MDN Web Docs
보기 및 정답
A margin-inline은 인라인 방향(좌우), margin-block은 블록 방향(상하) 여백을 설정한다
B margin-inline은 내부 여백, margin-block은 외부 여백을 설정한다
C margin-inline은 고정값만, margin-block은 퍼센트만 사용 가능하다
D margin collapse 현상은 상하 방향뿐만 아니라 좌우 방향의 인접 요소 사이에서도 동일한 방식으로 발생한다

해설

CSS 논리적 속성은 물리적 방향(left, right, top, bottom) 대신 문서의 쓰기 방향을 기준으로 여백을 설정합니다. 가로쓰기(LTR/RTL)에서 margin-inline은 좌우, margin-block은 상하입니다. 다국어 웹사이트에서 방향 전환 시 레이아웃이 자동으로 적응합니다.

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

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

정규반 살펴보기