$B%\!<%@!<(B

Revised: Jun./20th/2004

$B%\!<%@!<$N35G0(B

margin $B$OMWAG$N3+;O@~$r$:$i$7$F!"I=<(2DG=NN0h$NBg$-$5$rJQ99$9$k$b$N$G$"$j!"(B margin $BNN0h$O?FMWAG$NNN0h$J$N$G!"?FMWAG$NGX7J$,;H$o$l$^$7$?!#(Bpadding $B$OMWAG$NBg$-$5$rKD$i$^$;$k$b$N$G$"$j!"KD$i$s$@(B padding $BNN0h$NGX7J$OEv3:MWAG$NGX7J$,;H$o$l$^$7$?!#(Bborder $B$KBP$7$F$O!"%\!<%@!<$NB@$5!?

$B8@$$BX$($k$H!"(B border $B$NFbB&$+$iFbMF$N3+;O$^$G$NNN0h$,(B padding $BNN0h$G!"(B border $B$+$i30B&$,(B margin $BNN0h$G$9!#(B

$B?^!'(Bborder $B$,$"$i$o$9HO0O(B

`border-width`

$B%\!<%@!<$NB@$5$r;XDj$9$k(B CSS $B%W%m%Q%F%#$,(B border-width $B$G$9!#;MJ}$r8DJL$K;XDj$G$-$F!"3F!9$N%W%m%Q%F%#$O(B 'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width' $B$K$J$j$^$9!#(B

$B;M$D$r0l3g;XDj$9$k>JN,%W%m%Q%F%#(B 'border-width' $B$,;H$($^$9!#(B

$B%W%m%Q%F%#(B '`border-width`'
$B%W%m%Q%F%#L>(B	$BCM(B
border-width	<border-width>{1,4} \| inherit

'border-width' $B$O;RMWAG$K7Q>5$5$l$^$;$s!#%G%U%)%k%H$NCM$O!"(B medium $B$G$9!#(Binherit $B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#(B

$B0z?t0l$D(B... $B>e2<:81&0l3g;XDj(B
$B0z?tFs$D(B... $B>e2<;XDj$H:81&;XDj(B
$B0z?t;0$D(B... $B>e;XDj!":81&;XDj!"2<;XDj(B
$B0z?t;M$D(B... $B>e;XDj!"1&;XDj!"2<;XDj!":8;XDj(B

`border-width` $B$G;XDj$G$-$kCM(B
$BCM(B	$B35MW(B
`thin`	$B:Y$$@~(B
`medium`	$BCf$/$i$$$N@~(B
`thick`	$BB@$$@~(B
`<length>`	$B6qBNE*$JC10L$HDj5A$OJL9`;2>H(B
`inherit`	$B?FMWAG$G$N;XDj$r7Q>5(B

$Be2<$N%\!<%@!<$NB@$5$r#4(Bpx$B!":81&$N%\!<%@!<$NB@$5$r#1(Bem $B$K;XDj$7$?$b$N$G$9!#(B

h2 { border-width: 4px 1em }

`border-style`

$B%\!<%@!<$Nborder-style $B$G$9!#;MJ}$r8DJL$K;XDj$G$-$F!"3F!9$N%W%m%Q%F%#$O(B 'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style' $B$K$J$j$^$9!#(B

$B;M$D$r0l3g;XDj$9$k>JN,%W%m%Q%F%#(B 'border-style' $B$,;H$($^$9!#(B

$B%W%m%Q%F%#(B '`border-style`'
$B%W%m%Q%F%#L>(B	$BCM(B
border-style	<border-style>{1,4} \| inherit

'border-style' $B$O;RMWAG$K7Q>5$5$l$^$;$s!#%G%U%)%k%H$NCM$O!"(B none $B$G$9!#(Binherit $B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#(B

$B0z?t0l$D(B... $B>e2<:81&0l3g;XDj(B
$B0z?tFs$D(B... $B>e2<;XDj$H:81&;XDj(B
$B0z?t;0$D(B... $B>e;XDj!":81&;XDj!"2<;XDj(B
$B0z?t;M$D(B... $B>e;XDj!"1&;XDj!"2<;XDj!":8;XDj(B

`border-style` $B$G;XDj$G$-$kCM(B
$BCM(B	$B35MW(B
`none`	$B%\!<%@!<$J$7!#NY@\$9$kMWAG$G=E$J$k%\!<%@!<$,B8:_$9$l$P$=$N%\!<%@!<$rI=<(!#(B
`hidden`	$B%\!<%@!<$J$7!#NY@\$9$kMWAG$G=E$J$k%\!<%@!<$,B8:_$7$F$b6/@)E*$KHsI=<(!#(B
`dotted`	$BE@@~(B
`dashed`	$BGK@~(B
`solid`	$B
`double`	$BFs=E@~(B
`groove`	$B7&$_@~!J1z@~!K(B
`ridge`	$BIb$-@~!JFL@~!K(B
`inset`	$B%\!<%@!<$OFbB&$X$N2<$j79
`outset`	$BMWAG$,%-%c%s%P%9$+$iIb$->e$,$C$?E7LL$N$h$&$KI=8=!#%\!<%@!<$OFbB&$X$N>e$j79e$,$C$?E7LL$N$h$&$KI=8=!#!#(B
`inherit`	$B?FMWAG$G$N;XDj$r7Q>5(B

border-style$B$N
none $BHsI=<((B	dotted $BE@@~(B	dashed $BGK@~(B	solid $B	double $BFs=E@~(B
groove $B1z@~(B	reidge $BFL@~(B	inset $BDlLL(B	outset $B>eLL(B	hidden $B6/@)HsI=<((B

$B%F!<%V%k$K;XDj$9$k>l9g(B$B$O9MN8;v9`$,$"$j$^$9!#(B

$Be$OFs=E@~!"1&$O$J$7!"2<$b$J$7!":8$O

h2 { border-style: double none none solid }

`border-color`

$B%\!<%@!<$N?'$r;XDj$9$k(B CSS $B%W%m%Q%F%#$,(B border-color $B$G$9!#;MJ}$r8DJL$K;XDj$G$-$F!"3F!9$N%W%m%Q%F%#$O(B 'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color' $B$K$J$j$^$9!#(B

$B;M$D$r0l3g;XDj$9$k>JN,%W%m%Q%F%#(B 'border-color' $B$,;H$($^$9!#(B

$B%W%m%Q%F%#(B '`border-color`'
$B%W%m%Q%F%#L>(B	$BCM(B
border-color	<color>{1,4} \| transparent \| inherit

'border-style' $B$O;RMWAG$K7Q>5$5$l$^$;$s!#%G%U%)%k%H$NCM$O!"%^%C%A$9$k%;%l%/%?$G;XDj$5$l$F$$$k%W%m%Q%F%#(B 'color' $B$N;XDjCM$G$9!#(Binherit $B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#(B

$B0z?t0l$D(B... $B>e2<:81&0l3g;XDj(B
$B0z?tFs$D(B... $B>e2<;XDj$H:81&;XDj(B
$B0z?t;0$D(B... $B>e;XDj!":81&;XDj!"2<;XDj(B
$B0z?t;M$D(B... $B>e;XDj!"1&;XDj!"2<;XDj!":8;XDj(B

`border-color` $B$G;XDj$G$-$kCM(B
$BCM(B	$B35MW(B
`<color>`	$B6qBNE*$JCM$HDj5A$OJL9`;2>H!#(B
`transparent`	$BF)L@!#(B
`inherit`	$B?FMWAG$G$N;XDj$r7Q>5$9$k;XDj!#(B

$Be2<:81&6&$KG;:0(B (navy) $B$K;XDj$7$?$b$N$G$9!#(B

h2 { border-color: navy }

`border`

$B%\!<%@!<$K$O!"

$B%\!<%@!: 'border-width' ('border-top-width', 'border-bottom-width', 'border-right-width', 'border-left-width' )
$B%\!<%@!<: 'border-style' ('border-top-style', 'border-bottom-style', 'border-right-style', 'border-left-style')
$B%\!<%@!: 'border-color' ('border-top-color', 'border-bottom-color', 'border-right-color', 'border-left-color' )

$B$3$l$i$r0l3g;XDj$9$k>JN,%W%m%Q%F%#$,(B 'border' $B$G$9!#(B

border $B4X78$N%W%m%Q%F%#(B
$B%W%m%Q%F%#L>(B	$BCM(B
border-top, border-right, border-bottom, border-left	[ <'border-top-width'> \|\| <'border-style'> \|\| <color> ] \| inherit

'border' $B4X78$N%W%m%Q%F%#$O;RMWAG$K7Q>5$5$l$^$;$s!#%G%U%)%k%H$NCM$O8D!9$N%W%m%Q%F%#$G$N=i4|CM$K0MB8$7$^$9!#(Binherit $B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#(B

$B;MJ}$,A4$FF1$8;XDjCM$G!"8DJL$K;XDj$9$kI,MW$,$J$1$l$P!">JN,%W%m%Q%F%#$H$7$F!"(B'border' $B$,;H$($^$9!#(B

$B%W%m%Q%F%#(B '`border`'
$B%W%m%Q%F%#L>(B	$BCM(B
border	[ <'border-width'> \|\| <'border-style'> \|\| <color> ] \| inherit

$B%W%m%Q%F%#(B 'border' $B$NNc!'(B

p {  border-top: 1px solid  red;
   border-right: 1em solid  #c00;
   border-bottom: 1px solid  red;
   border-left: 2em double maroon }

$B$3$NNc$G$O

	$BI}(B	$B	$B?'(B
	border-width	border-style	border-color
border-top	1px	solid	red	$B>e%\!<%@!<(B
border-right	1em	solid	#c00	$B1&%\!<%@!<(B
border-bottom	1px	solid	red	$B2<%\!<%@!<(B
border-left	2em	double	maroon	$B:8%\!<%@!<(B

$B%W%m%Q%F%#(B 'border' $B$NNc!'(B

/* h2 $BMWAG$N>e%\!<%@!<$r;XDj(B
   $BB@$5$O(B 2$B%T%/%;%k!"



<<PREV(P) | ToC(T) | NEXT(N)>>


Copyright © 2004 SUGAI, Manabu. All rights reserved.

2004-06-20 published.



 



SEO
 

[PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送

$B%\!<%@!<(B

$B%\!<%@!<$N35G0(B

border-width

border-style

border-color

border