이전 요소에서 float
속성이 적용되는 경우에 그 영향에서 벗어나게 한다.
CSS Logical Properties and Values Level 1에서는 논리적인 방향을 의미하는 inline-start
, inline-end
키워드가 추가되었다.
clear
속성에 사용되는 타입이다.
float
속성에 따라 부동 요소로 부터 영향에서 벗어나기 위한 관련된 값들을 가진다. CSS 2에서는 물리적인 방향을 나타내는 left
, right
, both
키워드만 가능했으나 CSS Logical Properties and Values Level 1에서는 논리적인 방향을 나타내는 inline-start
, inline-end
키워드가 추가되었다.
inline-start
, inline-end
키워드는 각 유저 에이전트별 지원 여부를 확인할 필요가 있다.none | left | right | both
inline-start | inline-end
인라인(inline)의 끝을 의미하며 기존의 right
개념과 동일하지만 논리적인 방향을 나타낸다.
인라인(inline)의 시작을 의미하며 기존의 left
개념과 동일하지만 논리적인 방향을 나타낸다.
왼쪽과 오른쪽으로 부동위치를 갖는 요소들의 영향에서 벗어나 블록양식화문맥에 따라 출력되게 한다.
왼쪽으로 부동위치를 갖는 요소의 영향에서 벗어나 블록양식화문맥에 따라 출력되게 한다.
오른쪽으로 부동위치를 갖는 요소의 영향에서 벗어나 블록양식화문맥에 따라 출력되게 한다.
다음 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.
어떠한 값도 설정하지 않음을 나타낸다.
다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.
적용하지 않는다.
왼쪽으로 부동위치를 갖는 요소의 영향에서 벗어나 블록양식화문맥에 따라 출력되게 한다.
오른쪽으로 부동위치를 갖는 요소의 영향에서 벗어나 블록양식화문맥에 따라 출력되게 한다.
왼쪽과 오른쪽으로 부동위치를 갖는 요소들의 영향에서 벗어나 블록양식화문맥에 따라 출력되게 한다.
인라인(inline)의 시작을 의미하며 기존의 left
개념과 동일하지만 논리적인 방향을 나타낸다.
인라인(inline)의 끝을 의미하며 기존의 right
개념과 동일하지만 논리적인 방향을 나타낸다.
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Logical Properties and Values Level 1 | 초안 작업 | Last review date: 2022-8-23 |
CSS2.0 | Last review date: 2022-6-4 |