Float and Clear attribute[none, right, left, both]
[SOURCE VIEW]
<![CDATA[
<style type="text/css">
#limg
{
float:left;
}
#rimg
{
float:right;
}
#rclear
{
clear:right;
}
#lclear
{
clear:left;
}
#bclear
{
clear:both;
}
</style>
<h1>Float and Clear attribute[none, right, left, both]</h1>
<br />
<h2>How to use <span id="mspanred">Float</span></h2>
<br />
<h3><dib><p><ol><ul><table><img> 등 묶음 태그에만 사용가능하다.
<div id="mdiv">
<p>none<span id="mspan1"> 띄우지 않는다.</span></p><p>right<span id="mspan1"> 오른쪽에 띄운다.</span></p><p>left<span id="mspan1"> 왼쪽에 띄운다.</span></p>
</div>
<br /><br />
<h2>How to use <span id="mspanred">Clear</span></h2>
<br />
<div id="mdiv">
<p>none <span id="mspan1"> 기초값으로 clear를 설정하지 않은 것과 같다.</span></p><p>left <span id="mspan1"> 왼쪽을 취소</span></p><p>right <span id="mspan1"> 오른쪽을 취소</span></p><p>both <span id="mspan1"> 오른쪽 왼쪽을 취소</span></p>
</div>
<p>clear속성 없음 <b>float:left</b></p>
<img id="limg" src="http://cfs.tistory.com/custom/blog/156/1560470/skin/images/red-prev.png">
<p>可高可下(가고가하) - 높낮이를 가리지 않는다는 뜻으로, 인자(仁者)는 높은 지위에 있어도 교만하지 아니하고, 낮은 지위에 있어도 두려워하지 아니함.《國語》</p>
<br /><br />
<p><b> float:left clear:left</b></p>
<img id="limg," src="http://cfs.tistory.com/custom/blog/156/1560470/skin/images/red-prev.png">
<p id="lclear">可高可下(가고가하) - 높낮이를 가리지 않는다는 뜻으로, 인자(仁者)는 높은 지위에 있어도 교만하지 아니하고, 낮은 지위에 있어도 두려워하지 아니함.《國語》</p>
<br /><br />
<p>clear속성 없음<b> float:right</b></p>
<img id="rimg" src="http://cfs.tistory.com/custom/blog/156/1560470/skin/images/red-prev.png">
<p>可高可下(가고가하) - 높낮이를 가리지 않는다는 뜻으로, 인자(仁者)는 높은 지위에 있어도 교만하지 아니하고, 낮은 지위에 있어도 두려워하지 아니함.《國語》</p><br /><br />
<p><b> float:right clear:right</b></p>
<img id="rimg" src="http://cfs.tistory.com/custom/blog/156/1560470/skin/images/red-prev.png">
<p id="rclear">可高可下(가고가하) - 높낮이를 가리지 않는다는 뜻으로, 인자(仁者)는 높은 지위에 있어도 교만하지 아니하고, 낮은 지위에 있어도 두려워하지 아니함.《國語》</p><br />
<br />
<p>clear속성 없음<b>float:left float:right </b></p>
<img id="limg" src="http://cfs.tistory.com/custom/blog/156/1560470/skin/images/red-prev.png">
<img id="rimg" src="http://cfs.tistory.com/custom/blog/156/1560470/skin/images/red-prev.png">
<p>可高可下(가고가하) - 높낮이를 가리지 않는다는 뜻으로, 인자(仁者)는 높은 지위에 있어도 교만하지 아니하고, 낮은 지위에 있어도 두려워하지 아니함.《國語》</p><br /><br />
<p><b>float:left float:right clear:both</b></p>
<img id="limg" src="http://cfs.tistory.com/custom/blog/156/1560470/skin/images/red-prev.png">
<img id="rimg" src="http://cfs.tistory.com/custom/blog/156/1560470/skin/images/red-prev.png">
<p id="bclear">可高可下(가고가하) - 높낮이를 가리지 않는다는 뜻으로, 인자(仁者)는 높은 지위에 있어도 교만하지 아니하고, 낮은 지위에 있어도 두려워하지 아니함.《國語》</p><br />
]]>
How to use Float
<![CDATA[<div><p><ol><ul><table><img> 등 묶음 태그에만 사용가능하다.]]>
none 띄우지 않는다.
right 오른쪽에 띄운다.
left 왼쪽에 띄운다.
How to use Clear
none 기초값으로 clear를 설정하지 않은 것과 같다.
left 왼쪽을 취소
right 오른쪽을 취소
both 오른쪽 왼쪽을 취소
clear속성 없음 float:left
可高可下(가고가하) - 높낮이를 가리지 않는다는 뜻으로, 인자(仁者)는 높은 지위에 있어도 교만하지 아니하고,
낮은 지위에 있어도 두려워하지 아니함.《國語》
float:left clear:left
可高可下(가고가하) - 높낮이를 가리지 않는다는 뜻으로, 인자(仁者)는 높은 지위에 있어도 교만하지 아니하고,
낮은 지위에 있어도 두려워하지 아니함.《國語》
clear속성 없음 float:right
可高可下(가고가하) - 높낮이를 가리지 않는다는 뜻으로, 인자(仁者)는 높은 지위에 있어도 교만하지 아니하고,
낮은 지위에 있어도 두려워하지 아니함.《國語》
float:right clear:right
可高可下(가고가하) - 높낮이를 가리지 않는다는 뜻으로, 인자(仁者)는 높은 지위에 있어도 교만하지 아니하고,
낮은 지위에 있어도 두려워하지 아니함.《國語》
clear속성 없음float:left float:right
可高可下(가고가하) - 높낮이를 가리지 않는다는 뜻으로, 인자(仁者)는 높은 지위에 있어도 교만하지 아니하고,
낮은 지위에 있어도 두려워하지 아니함.《國語》
float:left float:right clear:both
可高可下(가고가하) - 높낮이를 가리지 않는다는 뜻으로, 인자(仁者)는 높은 지위에 있어도 교만하지 아니하고,
낮은 지위에 있어도 두려워하지 아니함.《國語》
댓글