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

$B%j%9%H(B

Revised: Jun./26th/2004

$B%^!<%+$H%j%9%H(B

CSS2 $B$G$O!"MWAG$,Fs$D$N%\%C%/%9$r@8@.$9$k5!9=$r;}$C$F$$$^$9!#0l$D$OMWAG$NFbMF$r4^$`4pK\%V%m%C%/%\%C%/%9$H8F$P$l!"$b$&0l$D$O%j%9%H$J$I$N5-9f$dHV9f$J$I$NAu>~$r4^$`J,N%%^!<%+%\%C%/%9$H8F$P$l$^$9!#(B

$B%^!<%+!<$O!"(B'display: marker' $B$NMWAG$KBP$7$F!"4pK\%\%C%/%9$N30B&$K!"9T%\%C%/%9$H$7$F@8@.$5$l$^$9!#$3$N%\%C%/%9$O(B$B%Q%C%G%#%s%0(B$B$H(B$B%\!<%@!<(B$B$r;}$A$^$9$,!"(B$B%^!<%8%s(B$B$,$"$j$^$;$s!#%^!<%8%s$KN`$9$k;XDj$O!"(B'list-style-position' $B$H(B 'marker-offset' $B$G;XDj$7$^$9!#(B

  1. marker-offset
  2. list-style-type
  3. list-style-image
  4. list-style-position
  5. list-style

marker-offset

$B%W%m%Q%F%#(B 'marker-offset' $B$O!"(B'display: marker' $B$NMWAG$K;XDj2DG=$G$9!#(B'display: marker' $B$O!"(B$B5<;wMWAG(B :before $B$+(B :after $B$r%;%l%/%?$H$7$F;XDj$7!"$=$l0J30$N%;%l%/%?$KBP$7$F$O!"(B'display: inline' $B$HEy2A$K$J$j$^$9!#%;%l%/%?$K%^%C%A$7$?BP>]$N%^!<%+%\%C%/%9$H4pK\%\%C%/%9$N5wN%$r;XDj$7$^$9!#(B

$B%W%m%Q%F%#(B 'marker-offset'
$B%W%m%Q%F%#L>(B$BCM(B
marker-offset<length> | auto | inherit

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

'marker-offset' $B$NNc!'(B

/* li $BMWAG$N%^!<%+$+$i4pK\%\%C%/%9$^$G$N5wN%$r(B 2em */
li:before { display: marker; marker-offset: 2em }

<ul>
<li style="marker-offset: 1em">list-item. offset 1em</li>
<li style="marker-offset: 2em">list-item. offset 2em</li>
</ul>

list-style-type

$B%W%m%Q%F%#(B 'list-style-type' $B$O!"(B'display: list-item' $B$NMWAG$K;XDj2DG=$G$9!#%;%l%/%?$K%^%C%A$7$?BP>]$N%^!<%+%\%C%/%9$H4pK\%\%C%/%9$N5wN%$r;XDj$7$^$9!#(B

$B%W%m%Q%F%#(B 'list-style-type'
$B%W%m%Q%F%#L>(B$BCM(B
list-style-typedisc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | none | inherit

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

'list-style-type' $B$NNc!'(B

ul { list-style-tyupe: disc }
ul ul { list-style-tyupe: circle }
ul ul ul { list-style-tyupe: square }

disc: $B9u4](B

circle: $B4](B

square: $B;M3Q(B

decimal: 1,2,3,4,...

decimal-leading-zero: 01,02,03,04,...

lower-roman: i,ii,iii,iv,v,...

upper-roman: I,II,III,IV,V,...

hebrew: $B%X%V%i%$?t;z!#(BHebrew number 1,Hebrew number 2,Hebrew number 3,Hebrew number 4,Hebrew number 5,Hebrew number 6,Hebrew number 7,Hebrew number 8,Hebrew number 9,Hebrew number 10,...

georgian: $B%0%k%8%"?t;z!#(BGergian number 1,Gergian number 2,Gergian number 3,Gergian number 4,Gergian number 5,Gergian number 6,Gergian number 7,Gergian number 8,Gergian number 9,Gergian number 10,...

armenian: $B%"%k%a%K%"?t;z!#(BArmenian number 1,Armenian number 2,Armenian number 3,Armenian number 4,Armenian number 5,Armenian number 6,Armenian number 7,Armenian number 8,Armenian number 9,Armenian number 10,...

cjk-ideographic: $B4A?t;z(B (CJK=Chinese, Japanese, Korean)

hiragana: $B$"(B,$B$$(B,$B$&(B,$B$((B,...

katakana: $B%"(B,$B%$(B,$B%&(B,$B%((B,...

hiragana-iroha: $B$$(B,$B$m(B,$B$O(B,$B$K(B,...

katakana-iroha: $B%$(B,$B%m(B,$B%O(B,$B%K(B,...

lower-latin: a,b,c,d,...

lower-alpha: lower-latin $B$HF1$8(B

upper-latin: A,B,C,D,...

upper-alpha: upper-latin $B$HF1$8(B

lower-greek: $B>.J8;z%.%j%7%cJ8;z!#(Bα,β,γ,δ,ε,ζ,η,&theta,...

$B%X%V%i%$(B$B%"%k%a%K%"(B$B%0%k%8%"(B
ol {
  font-family: serif;
  dislilay: list-item;
  list-style-type: hebrew
  }

ol {
  font-family: serif;
  dislilay: list-item;
  list-style-type: armenian
  }

ol {
  font-family: serif;
  dislilay: list-item;
  list-style-type: georgian
  }
  1. Hebrew 1
  2. Hebrew 2
  3. Hebrew 3
  4. Hebrew 4
  5. Hebrew 5
  6. Hebrew 6
  7. Hebrew 7
  8. Hebrew 8
  9. Hebrew 9
  10. Hebrew 10
  1. Armenian 1
  2. Armenian 2
  3. Armenian 3
  4. Armenian 4
  5. Armenian 5
  6. Armenian 6
  7. Armenian 7
  8. Armenian 8
  9. Armenian 9
  10. Armenian 10
  1. Georgian 1
  2. Georgian 2
  3. Georgian 3
  4. Georgian 4
  5. Georgian 5
  6. Georgian 6
  7. Georgian 7
  8. Georgian 8
  9. Georgian 9
  10. Georgian 10

list-style-image

$B%W%m%Q%F%#(B 'list-style-image' $B$O!"(B'display: list-item' $B$NMWAG$K;XDj2DG=$G$9!#%;%l%/%?$K%^%C%A$7$?BP>]$N%^!<%+%\%C%/%9$N%^!<%+$K;HMQ$9$k2hA|$r;XDj$7$^$9!#(B

$B%W%m%Q%F%#(B 'list-style-image'
$B%W%m%Q%F%#L>(B$BCM(B
list-style-image<uri> | none | inherit

'list-style-image' $B$O;RMWAG$K7Q>5$5$l$^$9!#%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

$B2hA|$,;HMQ$G$-$l$P!"(B'list-style-type' $B$G;XDj$5$l$?%^!<%+$rCV49$7$^$9!#2hA|$,;HMQ$G$-$J$$>l9g$KHw$($F!"(B'list-style-image' $B$HF1;~$K;XDj$9$k$3$H$,K>$^$7$$$G$7$g$&!#(B

'list-style-image' $B$NNc!'(B

ul { list-style-type: disc;
	list-style-image: url(./disc.png) }

$B8e$G>R2p$9$k>JN,%W%m%Q%F%#(B 'list-style' $B$r;H$&$H!" 

ul { list-style: url(./disc.png) disc }

list-style-position

$B%W%m%Q%F%#(B 'list-style-position' $B$O!"(B'display: list-item' $B$NMWAG$K;XDj2DG=$G$9!#%;%l%/%?$K%^%C%A$7$?BP>]$N%^!<%+%\%C%/%9$N4pK\%\%C%/%9$KBP$9$k0LCV$r;XDj$7$^$9!#(B

$B%W%m%Q%F%#(B 'list-style-position'
$B%W%m%Q%F%#L>(B$BCM(B
list-style-positioninside | outside | inherit

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

outside
$B%^!<%+%\%C%/%9$O4pK\%V%m%C%/%\%C%/%9$N30B&$KG[CV$5$l$^$9!#4pK\%\%C%/%9$H$N5wN%$O!"(B'display: maeker' $B$G$"$kMWAG$N(B 'marker-offset' $B$G;XDj$9$k!#(B
inside
$B%^!<%+%\%C%/%9$O4pK\%V%m%C%/%\%C%/%9$N:G=i$N%$%s%i%$%s%\%C%/%9$G$"$j!"$=$N8e$KMWAG$NFbMF$,N.$l9~$`!#(B

'list-style-position' $B$NNc!'(B

ol { list-style-position: inside }
  1. In the beginning God created the heaven and the earth.
  2. And the earth was without form, and void; and darkness was upon the face of the deep. And the Spirit of God moved upon the face of the waters.
  3. And God said, Let there be light: and there was light.
  4. And God saw the light, that it was good: and God divided the light from the darkness.
  5. And God called the light Day, and the darkness he called Night. And the evening and the morning were the first day.

list-style

$B%W%m%Q%F%#(B 'list-style' $B$O!"(B'display: list-item' $B$NMWAG$K;XDj2DG=$G$9!#%;%l%/%?$K%^%C%A$7$?BP>]$N!"%j%9%H4X78$N>JN,%W%m%Q%F%#$r;XDj$7$^$9!#(B

$B%W%m%Q%F%#(B 'list-style'
$B%W%m%Q%F%#L>(B$BCM(B
list-style[ <'list-style-type'> || <'list-style-position'> || <'list-style-image'> ] | inherit

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

'list-style' $B$NNc!'(B

/* $B2hA|(B "./eclipse.png" $BKt$O(B disc $B$r;HMQ(B */
ul { list-style: url(./eclipse.png) disc }

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

Copyright © 2004 SUGAI, Manabu. All rights reserved.
2004-06-26 published.
SEO 仕事 花 掲示板 レンタルサーバー プロフ SEO