[DOM_Style] JS - cssFloat 속성 - ★ - 요소나란히 (= 요소한줄로 = 요소가로로 = 요소옆으로정렬 = 플로트속성, 상속 X)

cssFloat 예제

 

<img id="hz" src="https://source.unsplash.com/random" width="100" height="132">

<p>홈짱닷컴</p>

<p>Homzzang.com</p>

<button type="button" onclick="floatRight()">Float right</button>

<button type="button" onclick="floatLeft()">Float left</button>

<script>

function floatRight() {

  document.getElementById("hz").style.cssFloat = "right";

}

function floatLeft() {

  document.getElementById("hz").style.cssFloat = "left";

}

</script>

 

결과보기 

 정의 

 

 

 

---

 

 

.

기본값: 

반환값: 를 나타내는 문자열

CSS속성: 
CSS버전: CSS

4.

브라우저 지원. 

 

 구문 

 

[접근]

 

 

[설정]

 

---

 

[속성값]