clear Property
clear Property
clear Property´Â ¾Õ ÆäÀÌÁöÀÇ float¿Í ¿¬°üµÈ Property·Î¼ float Property·Î À§Ä¡¸¦ ÁöÁ¤ÇÑ ±×¸²À̳ª Box ÁÖº¯ÀÇ textµéÀÌ ±×¸²À̳ª Box ÁÖº¯À¸·Î È帣°Ô Çϰųª, È帧À» ¸ØÃß°í ±×¸²À̳ª Box ¾Æ·¡·Î ³»·Á¿Í¼ ÁÙÀ» ¹Ù²Ü °ÍÀÎÁö¸¦ ÁöÁ¤ÇÏ´Â Property ÀÔ´Ï´Ù.
[Ç¥ º¸´Â ¹æ¹ý]
| clear Property |
| Value |
none | left | right | both | Inherit |
| Initial |
none |
| Applies to |
block-level elements |
| Inherited |
no |
| Percentages |
N/A |
| Media |
Visual |
| HTML Syntax |
{ clear : sClear } |
| Scripting |
object.style.clear [ = sClear ] |
CSS Scripting
onClick="this.style.clear='both';"
clear Property ÀÇ »ç¿ë°ª
- none
±×¸²À̳ª Box ¾Æ·¡·Î ÁÙÀ» ¹Ù²ÙÁö ¾Ê°í ÁÖº¯À¸·Î È帨´Ï´Ù.
- left
text °¡ ±×¸²À̳ª Box ¿À¸¥ÂÊÀ¸·Î È帣Áö ¾Ê°í ±×¸²À̳ª Box ¾Æ·¡·Î ÁٹٲÞÀ» ÇÕ´Ï´Ù.
- right
text °¡ ±×¸²À̳ª Box ¿ÞÂÊÀ¸·Î È帣Áö ¾Ê°í ±×¸²À̳ª Box ¾Æ·¡·Î ÁٹٲÞÀ» ÇÕ´Ï´Ù.
- both
text °¡ ±×¸²À̳ª Box »çÀÌ·Î È帣Áö ¾Ê°í ±×¸²À̳ª Box ¾Æ·¡·Î ÁٹٲÞÀ» ÇÕ´Ï´Ù.
float Property - Block BoxÀÇ °æ¿ì
float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float
¼Ò½º º¸±â
ÀÔ·Â
<HTML>
<HEAD>
<TITLE>clear Property</TITLE>
<STYLE type="text/css">
<!--
.td_button{
height:18px;
background-color:royalblue;
border:1px solid #808080;
cursor:hand;
font-size:11px;
color:#EFEFEF;
text-align:center;
}
-->
</STYLE>
</HEAD>
<BODY>
<DIV style="width:100px; height:100px; background:gold; float:left;"></DIV>
<DIV style="width:100px; height:100px; background:tomato; float:right"></DIV>
float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float
<SPAN id="span1" style="font-weight:bold;">
float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float
</SPAN>
<table cellspacing="2" width="100%" style="table-layout:fixed; border:1px solid #333333;">
<tr>
<td class="td_button" onclick="span1.style.clear='both';">
both
</td>
<td class="td_button" onclick="span1.style.clear='left';">
left
</td>
<td class="td_button" onclick="span1.style.clear='right';">
right
</td>
<td class="td_button" onclick="span1.style.clear='none';">
none
</td>
</tr>
</table>
</BODY>
</HTML>
ÀÌ ¹®¼ÀÇ ÀúÀÛ±ÇÀº www.cadvance.org ¿¡ ÀÖ½À´Ï´Ù.
|