스타일 cssFloat 속성
예시
두 개의 버튼을 클릭하면 이미지가 텍스트의 왼쪽/오른쪽에 떠 있게 합니다.
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
}
정의 및 사용
cssFloat 속성은 요소의 수평 정렬을 설정하거나 반환합니다.
참고: "float"는 JavaScript에서 예약어이기 때문에 CSS "float" 속성은 JavaScript에서 "cssFloat"라고 합니다.
참고: 한 줄에 부동 요소에 대한 공간이 너무 작은 경우 충분한 공간이 있는 다음 줄로 이동합니다.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
cssFloat | Yes | Yes | Yes | Yes | Yes |
통사론
cssFloat 속성을 반환합니다.
object.style.cssFloat
cssFloat 속성을 설정합니다.
object.style.cssFloat = "left|right|none|initial|inherit"
속성 값
Value | Description |
---|---|
none | The object/element is not floated. This is default |
left | The object/element will float to the left in the parent element |
right | The object/element will float to the right in the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
기술적 세부 사항
기본값: | 없음 |
---|---|
반환 값: | 요소의 수평 정렬을 나타내는 String |
DOM 버전 | DOM 레벨 2 |
더 많은 예
예시
DIV 요소의 cssFloat 속성을 변경합니다.
document.getElementById("myDIV").style.cssFloat = "left";
관련 페이지
CSS 튜토리얼: CSS 플로트
❮ 스타일 개체