문서에서 줄바꿈할 때 유동(floating) 개체의 어느 방향에 내용을 표시하지 않을 것인가를 반환하거나 설정한다.

인수
: (속성 문자열)
속성값은 줄바꿈할 때의 정령 상태를 나타내는 문자열이고 다음 중 하나이다.

all 개체는 유동 개체의 아래 디스플레이 된다.
left 개체는 유동 개체의 왼쪽 아래에 디스플레이 된다.
right 개체는 유동 개체의 오른쪽 아래에 디스플레이 된다.
none 유동 개체가 모든쪽에 디스플레이 된다.

이 속성은 읽기/쓰기이며 디폴트값은 없다.

적용
개체scriptHTML규격IE
참조

이 속성은 (영문) HTML 3.2와 (영문) W3C DOM Level 1(Document Object Model)에서 정의되었다.


용기 DIV 개체 속의 내용들 유동 개체
용기 DIV 개체 속의 줄바꿈 이후의 내용
<BR id=brObj>
<IMG id=floatObj>
결과 표시창
<STYLE>.butClass{width:100}</STYLE>
<DIV style="border:solid 1 blue;width:550">용기 DIV 개체 속의 내용들
<IMG id="floatObj" src="../../gif/rfexample.gif" align="right" alt="유동 개체">
<BR id=brObj clear="right">용기 DIV 개체 속의 줄바꿈 이후의 내용</DIV>
<BUTTON onclick=doPlay('all') class=butClass>clear=all</BUTTON>
<BUTTON onclick=doPlay('left') class=butClass>clear=left</BUTTON>
<BUTTON onclick=doPlay('right') class=butClass>clear=right</BUTTON>
<BUTTON onclick=doPlay('none') class=butClass>clear=none</BUTTON><SPAN class=butClass>&lt;BR id=brObj&gt;</SPAN><BR>
<BUTTON onclick=doPlay(1) class=butClass>align=left</BUTTON>
<BUTTON onclick=doPlay(2) class=butClass>align=center</BUTTON>
<BUTTON onclick=doPlay(3) class=butClass>align=right</BUTTON>
<BUTTON onclick=doPlay(4) class=butClass>align=''</BUTTON><SPAN class=butClass>&lt;IMG id=floatObj&gt;</SPAN>
<DIV id="showA" style="width:550;border:solid 1 blue;padding:5">결과 표시창</DIV>
<SCRIPT>
function doPlay(job){
  if (isNaN(job)){
    brObj.clear=job;
  }
  if (job==1) floatObj.align='left';
  if (job==2) floatObj.align='center';
  if (job==3) floatObj.align='right';
  if (job==4) floatObj.align='';
  showA.innerHTML='brObj.clear='+brObj.clear+', floatObj.align='+floatObj.align;
}
</SCRIPT>