¡@ ¡@SPAN {}
¡@
¡
@SPA
N.fron
t {}
¡@ ¡@SPAN.back {}
¡@ ¡@SPAN SPAN {}
¡@</STYLE&
gt;
</HEAD>
<BODY>
¡@<SPAN CLASS=back STYLE="top:20px;left:20px"></SPAN>
¡@<SPAN CLASS=front STYLE="top:0px;left:0px&
quot;>
¡@ ¡@<FONT STYLE="color:gray;top:25px;left:57px">CSS</FONT>
¡@ ¡@<FONT STYLE="color:blue;top:18px;left:50px">CSS</FONT>
¡@</SPAN>
</BODY>
</HTML>
BACKGROUND¡G
--------------------------------------------------------------------------------
³]©wI´º¹Ï¤ù¡BÃC¦â¡B²V¦X¡B³zªÅ¡B±²°Ê¡B¦ì¸m¡B«½Æ
»yªk¡G{}
BACKGROUND-ATTACHMENT¡G
--------------------------------------------------------------------------------
³]©wI´º¹Ï¤ù¬O§_±²°Ê ( ¤À¬° : ±²°Ê¡B©T©w )
»yªk¡G{}
BACKGROUND-COLOR¡G
--------------------------------------------------------------------------------
³]©wI´ºÃC¦â¡B³z©ú
»yªk¡G{}
( color ) ¥i¬°ÃC¦â¦WºÙ ©Î 16 ¶i¨îªí¥Üªk - #RRGGBB ( 00 ·t ~ FF «G ) ¡B#RGB ( 0 ·t ~ F «G ) ¥Nªí¬õºñÂűj«×¡C
½d¨Ò¡G
{}
BACKGROUND-POSITION¡G
--------------------------------------------------------------------------------
³]©wI´º¦ì¸m ( ¥i³]³æ¦ìÄÝ©Ê : ÂI pt¡B^¤o in¡B¤½¤À cm¡B¹³¯À px¡B¦Ê¤À¤ñ % )
»yªk¡G{}
BACKGROUND-REPEAT¡G
--------------------------------------------------------------------------------
³]©wI´º«½Æ¶ñº¡¤è¦¡
»yªk¡G{}
====================================
°Ï¶ôÄݩʳ]©w¡G
--------------------------------------------------------------------------------
°Ï¶ô¬O«ü¥Î <DIV> ¡B <SPAN> µ¥¼ÐÅҩҫإߥXªºÅÞ¿è°Ï°ì¡A©Î¬O¹Ï§Î¡Bªí®æµ¥§¡¥iºÙ¤§¬°°Ï¶ô¡C¦b DHTML ¤¤¡A¨Ï¥Î°Ï¶ô¬O«D±`ÀWÁcªº¡A©Ò¥H°Ï¶ô³]©w´NÅã±o«D±`¦³¥Î¡C
CLEAR¡G
--------------------------------------------------------------------------------
³]©w¯B°Ê¤¸¥ó¦ì¸m ( ¥i³]µL¡B¥ªÃä¡B¥kÃä¡B¨âÃä )
»yªk¡G{}
½d¨Ò¡G{}
CLIP¡G
--------------------------------------------------------------------------------
°Å¿è¥i¨£³¡¥÷
»yªk¡G{}
( shape ) - RECT ( top ) ( right ) ( bottom ) ( left )
³oөʽè¥i¨M©w°Ï¶ôªº¬Y¨Ç½d³ò¬O¥iµøªº¡A¦Ó¤¸¥ó¦b¦¹³]©w½d³ò¥~¬O¤£¥iµøªº¡C§ÚÌ¥²»Ý«ü©w¤@Ó¯x§Î°Ï°ìµ¹¥¦¡A¨Ì§Ç¬°¤W¡B¥k¡B¤U¡B¥ª®y¼Ð¡A¦Ó®y¼ÐìÂI¬O¦¹¤¸¥óªº¥ª¤W¨¤¡C
¨Ò¦p§ÚÌ¥i¥Î clip:rect(0,100,100,0)¡A«h±q (0,0) ¦Ü (100,100) ¶¡³£¬O¥iµøªº¡A¦¹¤¸¥ó¦b³o½d³ò¥~´N¬Ý¤£¨ì¤F¡C
CURSOR¡G
--------------------------------------------------------------------------------
³]©w·Æ¹«´å¼Ð ( ¥i³]¦Û°Ê¡B¤Q¦r¡B½bÀY¡B¤â§Î¡B²¾°Ê¡BÂù½bÀY¡B¤å¦r¡Bµ¥«Ý¡B¨D§U )
»yªk¡G{}
DISPLAY¡G
--------------------------------------------------------------------------------
³]©w¬O§_Åã¥Ü
»yªk¡G{}
³oөʽè¥i³]©w¾ãÓ¤¸¥ón¤£nÅã¥Ü¡A¥H¤ÎÅã¥Üªº¤è¦¡¡C¥¦¥i¥Îªº°Ñ¼Æ³o¸Ì¤@¤@¤¶²Ð¡C
none ¥Nªí¤£Åã¥Ü¡A¥B¦¹¤¸¥ó¤£¥e¥ô¦óªÅ¶¡¡C
block ¥NªíÅã¥Ü¡A¨Ãµø¬°°Ï¶ô¡A«e«áºòÁ{}
HEIGHT¡G
--------------------------------------------------------------------------------
³]©w¤¸¥ó°ª«× ( ¥i³]³æ¦ìÄÝ©Ê : ÂI pt¡B^¤o in¡B¤½¤À cm¡B¹³¯À px¡B¦Ê¤À¤ñ % )
»yªk¡G{}
½d¨Ò¡G{}
LEFT¡G
--------------------------------------------------------------------------------
³]©w¤¸¥ó¥ªÃä¦ì¸m ( ¥i³]³æ¦ìÄÝ©Ê : ÂI pt¡B^¤o in¡B¤½¤À cm¡B¹³¯À px¡B¦Ê¤À¤ñ % )
»yªk¡G{}
@IMPORT¡G
--------------------------------------------------------------------------------
³]©w¿é¤J±Æª©¼Ë¦¡
»yªk¡G@IMPORT URL ( url )
LIST-STYLE¡G
--------------------------------------------------------------------------------
³]©w±ø¦C¶µ¥Ø²Å¸¹
»yªk¡G{}
LIST-STYLE-IMAGE¡G
--------------------------------------------------------------------------------
³]©w¹Ï¤ù¬°±ø¦C¶µ¥Ø²Å¸¹
»yªk¡G{}
LIST-STYLE-POSITION¡G
--------------------------------------------------------------------------------
³]©w±ø¦C¶µ¥Ø²Å¸¹¦ì¸m ( ¥i³]¤º³¡¡B¥~³¡ )
»yªk¡G{}
LIST-STYLE-TYPE¡G
--------------------------------------------------------------------------------
³]©w±ø¦C¶µ¥Ø²Å¸¹§Îª¬ ( ¥i³]µL¡B¶ê§Î¡B¶ê°é¡B¥¿¤è§Î¡B¤p¼ÆÂI¡Bù°¨²Å¸¹¡B§Æþ²Å¸¹ )
»yªk¡G{}
MARGIN¡G
--------------------------------------------------------------------------------
³]©w¤å¦r©MÃä½t¶ZÂ÷ ( ¥i³]³æ¦ìÄÝ©Ê : ÂI pt¡B^¤o in¡B¤½¤À cm¡B¹³¯À px¡B¦Ê¤À¤ñ % )
»yªk¡G{}
³oөʽè¤@¦¸³]©w¤W¡B¤U¡B¥ª¡B¥kÃä¬É»P°Ï¶ô¥~¤§¤¸¥ó¶¡®æ¶ZÂ÷¡C
¨Ï¥Î®ÉÀ³¨Ì§Ç«ü©w¤W¡B¥k¡B¤U¡B¥ª¡A¨Ò¦p margin:3px 2px