Properties

Properties

Editing
  • account_tree
  • bug_report

clear

이전 요소에서 float 속성이 적용되는 경우에 그 영향에서 벗어나게 한다.

설명

CSS Logical Properties and Values Level 1에서는 논리적인 방향을 의미하는 inline-start, inline-end 키워드가 추가되었다.

사용 가능한 값 타입

<'clear'>

DEVDIC-Specified Data Types

clear 속성에 사용되는 타입이다.

float 속성에 따라 부동 요소로 부터 영향에서 벗어나기 위한 관련된 값들을 가진다. CSS 2에서는 물리적인 방향을 나타내는 left, right, both 키워드만 가능했으나 CSS Logical Properties and Values Level 1에서는 논리적인 방향을 나타내는 inline-start, inline-end 키워드가 추가되었다.

현재 inline-start, inline-end 키워드는 각 유저 에이전트별 지원 여부를 확인할 필요가 있다.
  • CSS2.0
    none | left | right | both
  • CSS Logical Properties and Values Level 1
    inline-start | inline-end

사용되는 키워드

  • inline-end

    CSS Logical Properties and Values Level 1

    인라인(inline)의 끝을 의미하며 기존의 right 개념과 동일하지만 논리적인 방향을 나타낸다.

  • inline-start

    CSS Logical Properties and Values Level 1

    인라인(inline)의 시작을 의미하며 기존의 left 개념과 동일하지만 논리적인 방향을 나타낸다.

  • both

    CSS2.1

    왼쪽과 오른쪽으로 부동위치를 갖는 요소들의 영향에서 벗어나 블록양식화문맥에 따라 출력되게 한다.

  • left

    CSS2.1

    왼쪽으로 부동위치를 갖는 요소의 영향에서 벗어나 블록양식화문맥에 따라 출력되게 한다.

  • right

    CSS2.1

    오른쪽으로 부동위치를 갖는 요소의 영향에서 벗어나 블록양식화문맥에 따라 출력되게 한다.

공통적으로 사용되는 값

다음 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

  • none

    어떠한 값도 설정하지 않음을 나타낸다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • 〈'clear'〉none
    CSS Logical Properties and Values Level 1

    적용하지 않는다.

  • CSS2.1

    왼쪽으로 부동위치를 갖는 요소의 영향에서 벗어나 블록양식화문맥에 따라 출력되게 한다.

  • CSS2.1

    오른쪽으로 부동위치를 갖는 요소의 영향에서 벗어나 블록양식화문맥에 따라 출력되게 한다.

  • CSS2.1

    왼쪽과 오른쪽으로 부동위치를 갖는 요소들의 영향에서 벗어나 블록양식화문맥에 따라 출력되게 한다.

  • 〈'clear'〉inline-start
    CSS Logical Properties and Values Level 1

    인라인(inline)의 시작을 의미하며 기존의 left 개념과 동일하지만 논리적인 방향을 나타낸다.

    웹브라우저별 지원 현황을 참고한다.
  • 〈'clear'〉inline-end
    CSS Logical Properties and Values Level 1

    인라인(inline)의 끝을 의미하며 기존의 right 개념과 동일하지만 논리적인 방향을 나타낸다.

    웹브라우저별 지원 현황을 참고한다.

테스트 도구

float 를 갖는 요소로부터 clear 테스트

버전 명세

Modules
Module NameStatusSummary
CSS Logical Properties and Values Level 1초안 작업

Last review date: 2022-8-23

CSS2.0

Last review date: 2022-6-4

지원 웹브라우저