CSS Logical Properties and Values
CSS Logical Properties and Values는 레이아웃을 제어하는 물리 속성에 논리 맵핑을 정의하는 CSS 모듈입니다.
블록과 인라인
Logical properties and values use the abstract terms block and inline to describe the direction in which they flow. The physical meaning of these terms depends on the writing mode.
- 블록 치수
- The dimension perpendicular to the flow of text within a line, i.e., the vertical dimension in horizontal writing modes, and the horizontal dimension in vertical writing modes. For standard English text, it is the vertical dimension.
- 인라인 치수
- The dimension parallel to the flow of text within a line, i.e., the horizontal dimension in horizontal writing modes, and the vertical dimension in vertical writing modes. For standard English text, it is the horizontal dimension.
참고서
크기 속성
block-size(en-US) Experimentalinline-size(en-US) Experimentalmax-block-size(en-US) Experimentalmax-inline-size(en-US) Experimentalmin-block-size(en-US) Experimentalmin-inline-size(en-US) Experimental
안팎 여백, 테두리 속성
border-block(en-US) Experimentalborder-block-color(en-US) Experimentalborder-block-end(en-US) Experimentalborder-block-end-color(en-US) Experimentalborder-block-end-style(en-US) Experimentalborder-block-end-width(en-US) Experimentalborder-block-start(en-US) Experimentalborder-block-start-color(en-US) Experimentalborder-block-start-style(en-US) Experimentalborder-block-start-width(en-US) Experimentalborder-block-style(en-US) Experimentalborder-block-width(en-US) Experimentalborder-color(logicalExperimental keyword)border-inline(en-US) Experimentalborder-inline-color(en-US) Experimentalborder-inline-end(en-US) Experimentalborder-inline-end-color(en-US) Experimentalborder-inline-end-style(en-US) Experimentalborder-inline-end-width(en-US) Experimentalborder-inline-start(en-US) Experimentalborder-inline-start-color(en-US) Experimentalborder-inline-start-style(en-US) Experimentalborder-inline-start-width(en-US) Experimentalborder-inline-style(en-US) Experimentalborder-inline-width(en-US) Experimentalborder-start-start-radius(en-US) Experimentalborder-start-end-radius(en-US) Experimentalborder-end-start-radius(en-US) Experimentalborder-end-end-radius(en-US) Experimentalborder-style(logicalExperimental keyword)border-width(logicalExperimental keyword)margin(logicalExperimental keyword)margin-block(en-US) Experimentalmargin-block-end(en-US) Experimentalmargin-block-start(en-US) Experimentalmargin-inline(en-US) Experimentalmargin-inline-end(en-US) Experimentalmargin-inline-start(en-US) Experimentalpadding(logicalExperimental keyword)padding-block(en-US) Experimentalpadding-block-end(en-US) Experimentalpadding-block-start(en-US) Experimentalpadding-inline(en-US) Experimentalpadding-inline-end(en-US) Experimentalpadding-inline-start(en-US) Experimental
플로트와 위치 속성
clear(inline-endExperimental andinline-startExperimental keywords)float(inline-endExperimental andinline-startExperimental keywords)inset(en-US) Experimentalinset-block(en-US) Experimentalinset-block-end(en-US) Experimentalinset-block-start(en-US) Experimentalinset-inline(en-US) Experimentalinset-inline-end(en-US) Experimentalinset-inline-start(en-US) Experimental
기타 속성
caption-side(en-US) (inline-endExperimental andinline-startExperimental keywords)resize(en-US) Experimental (blockExperimental andinlineExperimental keywords)text-align(endExperimental andstartExperimental keywords)
명세
| 명세 | 상태 | 설명 |
|---|---|---|
| CSS Logical Properties and Values Level 1 | Editor's Draft | 초기 정의 |