CSS 참조 가이드

CSS @규칙(RULES)

CSS float 속성은 상자가 왼쪽, 오른쪽으로 float되거나 전혀 float되지 않도록 지정합니다.

다음 테이블은 이 속성의 사용 설명과 버전 기록, 그리고 이 속성이 JavaScript 스크립트에서 사용하는 문법을 나타냅니다.

이 속성의 문법은 다음과 같습니다:

float:　left　|　right　|　none　|　initial　|　inherit

아래 예제는 float 속성을 사용하는 방법을 보여줍니다.

예제

　　p.red　{
　　　float:　left;
　　}
　　p.green　{
　　　float:　right;
　　}

다음 테이블은 이 속성의 값을 설명합니다.

값	설명
left	요소는 왼쪽으로 float됩니다. 내용은 상단에서 시작되어 상자의 오른쪽에서 흐릅니다.
right	left와 유사하지만, 이 상자는 오른쪽에 float되며, 내용은 상자의 왼쪽에서 시작되고 상단에서 시작합니다.
none	이 상자는 float되지 않습니다. 기본 값입니다.
initial	이 속성을 기본 값으로 설정합니다.
inherit	지정된 경우, 관련 요소는 부모 요소의 float 속성 값을 사용합니다.

float 속성의 브라우저 호환성을 참조하십시오. 테이블에 나타난 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다. 모든 주요 브라우저는 이 속성을 지원합니다.

	파이어폭스 1+ 구글 크롬1+ 인터넷 익스플로러 4+ 애플 사파리 1+ 오페라 7+

다음 튜토리얼을 참조하십시오:CSS Float，CSS 정렬。

위치와 관련된 속성:position，top，right，bottom，left，display，clear。