예
두 개의 버튼을 클릭하면 텍스트의 왼쪽 / 오른쪽 이미지 플로트를 보자 :
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
} »그것을 자신을 시도 정의 및 사용
cssFloat의 속성 집합 또는 요소의 수평 정렬을 반환합니다.
참고 : CSS "float" 속성이라고합니다 "cssFloat" 때문에, 자바 스크립트에서 "float" 자바 스크립트에서 예약어입니다.
Note: 부동 요소의 줄에 너무 적은 공간이 있으면, 그것은 충분한 공간이 다음 행으로 아래로 이동합니다.
브라우저 지원
cssFloat 속성은 모든 주요 브라우저에서 지원됩니다.
통사론
cssFloat 속성을 반환합니다 :
object .style.cssFloat
cssFloat 속성을 설정 :
object .style.cssFloat="left|right|none|initial|inherit"
속성 값
| 값 | 기술 |
|---|---|
| none | 개체 / 요소가 떴다되지 않습니다. 이 기본이다 |
| left | 개체 / 요소는 부모 요소에서 왼쪽으로 떠 |
| right | 개체 / 요소는 부모 요소에서 오른쪽으로 떠 |
| initial | 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 |
| inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
기술적 세부 사항
| 기본값: | 없음 |
|---|---|
| 반환 값 : | 요소의 수평 정렬을 나타내는 문자열 |
| DOM 버전 | DOM 레벨 2 |
더 예
관련 페이지
CSS 자습서 : CSS 플로트
<스타일 개체