Revised: Jun./26th/2004
$B%l%s%@%j%s%0BP>]$O!"DL>o$N>l9g$OJ8=q$NFbMF$+$i@8@.$5$l$^$9!#$3$l$KBP$7$F!"%j%9%H$NHV9f$J$I!"J8=q$NFbMF$KB8:_$7$J$$BP>]$r%l%s%@%j%s%0$9$k$3$H$,$"$j$^$9!#(B
$B%j%9%H(B$B$N>l9g$O!"(B'display: list-item
' $B$H;XDj$5$l$?MWAG$K4X$7$F!"HV9f$d%^!<%/$r%l%s%@%j%s%0$7$^$9!#(B
$B$=$l0J30$N>l9g$O!"(B$B5<;wMWAG(B :before
$B$+(B :after
$B$r%;%l%/%?$H$7$F!"%W%m%Q%F%#(B 'content
' $B$K$h$C$F!"A^F~$9$kFbMF$r;XDj$G$-$^$9!#(B
content
$B%W%m%Q%F%#(B 'content
' $B$O!"(B:before
$B5<;wMWAG$H(B :after
$B5<;wMWAG$K;XDj2DG=$G$9!#%;%l%/%?$K%^%C%A$7$?BP>]$KA^F~$9$kFbMF$r;XDj$7$^$9!#(B
$B%W%m%Q%F%#L>(B | $BCM(B |
---|---|
content | [ <string> | <uri> | <counter> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit |
'content
' $B$O;RMWAG$K7Q>5$5$l$^$;$s!#%G%U%)%k%H$NCM$O6u$NJ8;zNs(B (empty string) $B$G$9!#(Binherit
$B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#(B
<string>
\A
$B$r5-=R$9$k$H$=$3$G6/@)2~9T$,5/$3$j$^$9!#(BXHTML $B$G$O(B <br />
$B$K0lCW$7$^$9!#(B<uri>
url(xxx)
, url("xxx")
<counter>
counter(<name>), counter(<name>, <list-style-type>), counters(<name>, <string>), counters(<name>, <string>, <list-style-type>)
open-quote, close-quote
no-open-quote, no-close-quote
attr(X)
content
' $B$NNc(BHTML $BJ8=q!'(B
<p>paragraph element</p> <p class="note">paragraph element with class="note"</p>
CSS $B$NNc!'(B
p.note:before { content: "Note: "; color: red }
I.E.6.0$B$G$NI=<(Nc(B | Mozilla 1.7$B$G$NI=<(Nc(B |
---|---|
CSS $B$NNc!'(B
p.note:before { content: attr(class) ": " ; color: note }
I.E.6.0$B$G$NI=<(Nc(B | Mozilla 1.7$B$G$NI=<(Nc(B |
---|---|
quotes
$B%W%m%Q%F%#(B 'quotes
' $B$O!"G$0U$NMWAG$K;XDj2DG=$G$9!#0zMQId$N%l%s%@%j%s%0J}K!$r;XDj$7$^$9!#0zMQId$rA^F~$9$k$+$I$&$+$O!"(B'content
' $B$G;XDj$7$^$9!#(B
$B%W%m%Q%F%#L>(B | $BCM(B |
---|---|
quotes | [<string> <string>]+ | none | inherit |
'quotes
' $B$O;RMWAG$K7Q>5$5$l$^$9!#%G%U%)%k%H$NCM$O%f!<%6%(!<%8%'%s%H$K0MB8$7$^$9!#(Binherit
$B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#(B
[<string> <string>]+
$B$G$O!"3,AXJL$N0zMQId$r;XDj$G$-$^$9!#:G$b:8$N0lAH$,!":G$b30B&$N0zMQId$G$"$j!":G$b1&C<$N0lAH$,!":G$bFbB&$N0zMQId$K$J$j$^$9!#(B
HTML $B$NNc!'(B
<p>paragraph <q>quotation text</q> paragraph</p>
CSS $B$NNc!'(B
q { quotes: "$B!Z(B" "$B![(B" } q:before { content: open-quote } q:after { content: close-quote }
I.E.6.0$B$G$NI=<(Nc(B | Mozilla 1.7$B$G$NI=<(Nc(B |
---|---|
$B%+%&%s%?$O!"(B'content
' $B$NCM$K;XDj$5$l$k!"(B counter()
$B$H(B conters()
$B$G@)8f$5$l$^$9!#A0$N%+%&%s%?$rDj5A$7!"HV9f$N%9%?%$%k$O(B georgian $B$K;XDj$7$F$$$^$9!#(B
h1:before { content: counter(chapter, georgian) }
$BHV9fIU$1$O!"(B'counter-increment
' $B$H(B 'counter-reset
' $B$G@)8f$7$^$9!#(B
$B%W%m%Q%F%#(B 'counter-increment
' $B$H(B 'counter-reset
' $B$O!"G$0U$NMWAG$K;XDj2DG=$G$9!#(B'content
' $B$G@8@.$5$l$?%+%&%s%?$NHV9f$N!"A}2C!"=i4|2=$r;XDj$7$^$9!#(B
$B%W%m%Q%F%#L>(B | $BCM(B |
---|---|
counter-increment | [ <identifier> <integer>? ]+ | none | inherit |
$B%W%m%Q%F%#L>(B | $BCM(B |
---|---|
counter-reset | [ <identifier> <integer>? ]+ | none | inherit |
'counter-increment
' $B$H(B 'counter-reset
' $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
W3C $B$N;EMM=q(B$B!J(B$BOB(B$B!K$K$O!"
h1:before { content: "Chapter " counter(chapter) ". "; counter-increment: chapter; /* Add 1 to chapter */ counter-reset: section; /* Set section to 0 */ } h2:before { content: counter(chapter) "." counter(section) " "; counter-increment: section; }
I.E.6.0$B$G$NI=<(Nc(B | Opera 7.23$B$G$NI=<(Nc(B |
---|---|
$BL>A0$,F1$8%j%9%H$,%M%9%H$5$l$?!"F~$l;R9=B$$N%j%9%H$N>l9g$K$O!"(Bcounters()
$B$K$h$C$F!"0l3g;XDj2DG=$G$9!#
ol { counter-reset: item } li { display: block } li:before { content: counters(item, ".") ". "; counter-increment: item }
I.E.6.0$B$G$NI=<(Nc(B | Opera 7.23$B$G$NI=<(Nc(B |
---|---|
SEO | [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送 | ||