↑#navfrm
↓#contents (to end)
↓#pagebody

※このページは

siteCTSのスタイルシートをテストするファイルです。このページに限り、文法完全無視です。
わかる人が見ればページの構造が手に取るようにわかるでしょうが、さして面白いものじゃありません。

IE6では、次の3文字を素早くタイプすると<body>のクラスが切り替わります。特に記事の表示は別物になりますが、「ふ〜ん」という程度のものです。

  • scn … Scrawl Notes
  • dia … 隔日日記
  • wdn … 気分日常雑記帳
  • psn … パチョ奮闘記
  • edf … 地球防衛軍攻略メモ

トップページに戻る

↓#bodybody

DIV.article DIV.header H2

DIV.article DIV.header P.date

DIV.article DIV.body DIV.sentence P

P.moveInfo

DIV.article DIV.body DIV.appendix

BODY.dia DIV.article DIV.body DIV.appendix EM.ttl
BODY.dia DIV.article DIV.body DIV.appendix SPAN.stc

DIV.section H2

DIV.section P

DIV.section DIV.section H3

DIV.section DIV.section P

DIV.section DIV.section DIV.section H4

DIV.section DIV.section DIV.section P

DIV.section DIV.section DIV.section DIV.section H5 [未実装]

DIV.section DIV.section DIV.section DIV.section P [未実装]

DIV.section DIV.section DIV.section DIV.section DIV.section H6 [未実装]

DIV.section DIV.section DIV.section DIV.section DIV.section P [未実装]


フォント装飾系(色)

.important(重要)
.problem(問題・難関)
.danger(危険・危ない)
.improve(改良・上質・上出来)
.explain(説明)
.stupid(馬鹿・愚か・間抜け)
.glad(歓喜・喜ぶ)
.admire(感心・敬服) [未実装]
.appeal(興味・魅力) [未実装]
.pretty(かわいらしい・萌え)
.angry(怒る・苛立つ)
.unexpected(意外・予想外)
.surprize(驚く・驚き)
.shout(かなり驚く・叫ぶ)
.irony(嫌味・皮肉)
.grieve(嘆く・悲しむ)
.scream(悲鳴・絶叫)
.insane(狂気・桁外れ)
.shock(呆気・ショック)
.doubt(疑問・疑心)
.grayout(目立たない色)
.emphasize(力説・強調)… いわゆる「その他」

フォント装飾系(サイズ)

.lowvoice 75%
<SMALL> 80%
<SMALL.def> 90%
標準 100%
<big.def> 120%
<big> 140%
.els1 120%
.els2 140%
.els3 160%
.els4 180%(ここから line-height:normal;)
.els5 200%
.els6 220%
.els7 240%
.els8 260%
.els9 280%
.els10 300%

フォント装飾系(その他)

SPAN.en
SPAN.cts
SPAN.ja (MS UI Gothic)
SPAN.tt
SPAN.path
SPAN.yen (\)
.ok
.no
.update, .new
BODY.top SMALL.update

要素別

SMALL 80%
SMALL.def 90%
標準 100%
BIG.def 120%
BIG 140%
.elb
STRONG
STRONG.def
EM
EM.def
BIG EM
KBD
A KBD, LABEL KBD, KBD.accesskeyA KBD, LABEL KBD, KBD.accesskey(アクセスキー用)
DFN, ACRONYM, ABBR, .dfn

ブロックレベル

.form


.single-img


.compact


  • UL.compact LI

  1. OL.compact LI

DL.compact DT
DD.compact DD

───── P.hr


.add = fs95%
DIV.add, P.add = lh130% !important;


引用

BLOCKQUOTE
Q(JavaScriptで引用符が付く)
Q.kagi(JavaScriptでカギカッコが付く)

コード

CODE
CODE.def
SAMP
VAR

.code CODE
.code EM
.code STRONG
.code .cmt

.code CODE.compact(90%/150%)

PRE

画像


P.img


P.img A.tmb


P.img IMG.chidoriL


P.img IMG.chidoriR


P.chidori A.tmb.chidoriL


P.chidori A.tmb.chidoriR



注意・警告・情報・重要

DIV.attention H2

DIV.attention P.caption STRONG

本文


  • DIV.attention UL

DIV.attention H3 SPAN.ja

DIV.attention P.caption STRONG

本文


DIV.attention P.caption STRONG

本文


DIV.cation H2

DIV.cation P.caption STRONG

本文


  • DIV.cation UL

DIV.cation H3 SPAN.ja

DIV.cation P.caption STRONG

本文


DIV.cation P.caption STRONG

本文


DIV.information H2

DIV.information P.caption STRONG

本文


  • DIV.information UL

DIV.information H3 SPAN.ja

DIV.information P.caption STRONG

本文


DIV.information P.caption STRONG

本文


DIV.errorinfo H2

DIV.errorinfo P

DIV.errorinfo STRONG

DIV.errorinfo A


P.important .ttl
P.important .stc


DIV.important P.ttl STRONG

DIV.important P
キャプションの STRONG はなくても可



A.dead
A.www:link ※クリックしないように
A.www:visited
A.img

A.tmb
A.gls
A.asterisk (※)

A.lv1:link ※クリックしないように
A.lv1:visited
A.lv2:link ※クリックしないように
A.lv2:visited
A.lv3:link ※クリックしないように
A.lv3:visited

汎用DL

DL.common DT
DL.common DD
DL.common+gls DT
DL.common+gls DD
DL.common+tip DT
DL.common+tip DD
DL.common+question DT
DL.common+question DD
DL.common+answer DT
DL.common+answer DD

追記・削除

DL.common+ins DT
DL.common+ins INS
DL.common+ins DT
DL.common+ins INS.delinf

INS(インライン)
INS.delinf


.del(N4対策)

リスト

  • UL
  • { margin-bottom:0; line-height:170%;}

  1. OL
  2. { margin-bottom:0; line-height:170%;}

DL DT { font-weight:700;}
DL DD { line-height:170%;}
DL DT SMALL { font-weight:400;}

DIV.kind P.ttl

DIV.kind DT
DIV.kind DD
DIVなしは不可
border-bottomを付けないとIEで変

DIV.kind P.ttl

  • DIV.kind UL LI
  • DIV.kind UL LI

DIV.duties P.ttl DIV.duties P.ttl EM

DIV.duties DT
DIV.duties DD

DL.duties DT
DL.duties DD

DIV.correspond P.ttl

DIV.correspond DT
DIV.correspond DD
DIV.correspond DT STRONG
DIV.correspond DD.ok
DIV.correspond DD.no
DIV.correspond DD.imperfect
DIV.correspond DD.unknown

DL.checkList DT
DL.checkList DD

DIV.renewalList P.ttl

DIV.renewalList DT
DIV.renewalList DD
DIVはなくても可

DL.renewalList DT
DL.renewalList DD

DIV.introduce P.ttl

DIV.introduce DL DT
DIV.introduce DL DD

DL.introduce DT (A.www:visited = transparent)
(DIV|DL).introduce DD.ttl
2
(DIV|DL).introduce DD.cmt (未実装)

<UL><OL>リスト

DIV.efficient P.ttl

  1. DIV.efficient (UL|OL) LI
DIV.efficient DT
DIV.efficient DD
DIV.efficient DT EM (display:block)
DIV.efficient DD

  1. (UL|OL).efficient LI

DIV.characteristics P.ttl

  • DIV.characteristics (UL|OL) LI
  • DIV.characteristics (UL|OL) LI EM.ttl (display:block)
    DIV.characteristics (UL|OL) LI SPAN.stc (display:block)
DIV.characteristics DT
DIV.characteristics DD
DIV.characteristics DT EM (display:block)
2

  • (UL|OL).characteristics LI
  • (UL|OL).characteristics LI EM.ttl (display:block)
    (UL|OL).characteristics LI SPAN.stc (display:block)

DL.characteristics DT
DL.characteristics DD
DL.characteristics DT EM (display:block)
2

  1. OL.step LI
  2. 2

  1. DIV.process OL LI
  2. 2





(TABLE.cols[1-8])
.numcell .markcell .hilightcell .top-align .bottom-align
.common
TABLE .group12345
1TABLE .group2345
12TABLE .group345
123TABLE .group45
1234TABLE .group5
TABLE .group62345
1TABLE .group7345
12TABLE .group845
123TABLE .group95
1234TABLE .group10

TABLE.compare CAPTION
  TABLE.compare .object
TABLE.compare .category TABLE.compare TD

TABLE.datasheet CAPTION
  TABLE.datasheet .colname
TABLE.datasheet .rowname TABLE.datasheet TD

↓HR(display:none)

↓HR.sep(margin:1em 0;)

↓HR.section

↓HR.page

↓HR.article


↑#bodybody
↓#bodyfooter

#bodyfooter

↑#bodyfooter
↑#pagebody
↑#contents