2009/08/07

CSS 參數表

特徵參數
[ATTRIBUTE][att], [att=val], [att~=val], [att|=val], [att^=val], [att$=val], [att*=val]
@CHARSET文字編碼字串,例如 "BIG5"。
@FONT-FACE{ font-family: 字型名稱字串; src: url(字型檔案); }
@IMPORT外部風格檔案 媒體型態集
@MEDIA<媒體型態集> { 風格定義區塊 }
all, aural(Firefox 用 speech), braille, embossed, handheld, print, projection, screen, tty, tv
@PAGE頁選擇器 { 風格定義區塊 }
:first, :left, :right
!IMPORTANT
AZIMUTH<angle>, left-side, far-left, left, center-left, center, center-right, right, far-right, right-side, leftwards, rightwards。
background可同時設定 background- attachment, color, image, position, repeat。
background-attachmentfixed, scroll, inherit
background-color<color>, transparent, inherit
background-image<uri>,none, inherit
background-position<percentage>, <length>, (top, center, bottom) (left, center, right), inherit
background-repeatrepeat, repeat-x, repeat-y, no-repeat, inherit
border<width>, <color>, <style>。
border-top
border-right
border-bottom
border-left
<width>, <color>, <style>。
border-color
border-top-color
border-right-color
border-bottom-color
border-left-color
<color>, transparent, inherit
border-style
border-top-style
border-right-style
border-bottom-style
border-left-style
none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit
border-width
border-top-width
border-right-width
border-bottom-width
border-left-width
<length>, thin, medium, thick, inherit
border-collapsecollapse, separate, inherit
BORDER-RADIUS圓角半徑, inherit
border-spacing<length>, inherit
BOTTOM<percentage>, <length>, auto, inherit
BOX-SHADOW投影參數, none, inherit
BOX-SIZINGcontent-box, padding-box, border-box
CAPTION-SIDEtop, bottom, left, right, inherit
CLEARnone, left, right, both, inherit
CLIPrect(上, 右, 下, 左), auto, inherit
COLOR<color>, inherit
CONTENT<string>, <uri>, <counter>, attr(X), open-quote, close-quote, no-open-quote, no-close-quote, inherit
counter-incrementidentifier integer, none, inherit
counter-resetidentifier integer, none, inherit
CUE<URI> <URI>, inherit
CUE-AFTER<URI>, none, inherit
CUE-BEFORE<URI>, none, inherit
CURSOR<URI>
游標型態:auto, default, none。context-menu, help, pointer, progress, wait。cell, crosshair, text, vertical-text。alias, copy, move, no-drop, not-allowed。e-resize, n-resize, ne-resize, nw-resize, s-resize, se-resize, sw-resize, w-resize, ew-resize, ns-resize, nesw-resize, nwse-resize, col-resize, row-resize, all-scroll
inherit
DIRECTIONltr, rtl, inherit
DISPLAYinline, block, inline-block, list-item, run-in, compact, marker
table, inline-table, table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, table-caption
none, inherit
ELEVATION<angle>, below, level, above, higher, lower。
EMPTY-CELLSshow, hide, inherit
EXPRESSION()(javascript 指令)
FLOATleft, right, none, inherit
FONT一次設定 font- style, variant, weight, size, family, line-height
font-family字型家族, inherit
font-size絕對尺寸:可設為 xx-small, x-small, small, medium, large, x-large, xx-large
相對尺寸:可設為 larger, smaller
<percentage>, <length>, inherit
font-size-adjust數字比例, none, inherit
font-stretchultra-condensed, extra-condensed, condensed, semi-condensed, normal, semi-expanded, expanded, extra-expanded, ultra-expanded
wider, narrower, inherit
font-stylenormal, italic, oblique, inherit
font-variantnormal, small-caps, inherit
font-weightnormal, bold, bolder, lighter, 100 ~ 900, inherit
HEIGHT<percentage>, <length>, auto, inherit
IME-MODEauto, normal, active, inactive, disabled
LEFT<percentage>, <length>, auto, inherit
letter-spacingnormal, <length>, inherit
LINE-HEIGHTnormal, 數值比例, <percentage>, <length>, inherit
LIST-STYLE一次設定 list-style- image, position, type
inherit
list-style-image<URI>, nono, inherit
list-style-positionindise, outside, inherit
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
MARGIN依上 右 下 左 設定外緣寬度, inherit
margin-bottom
margin-left
margin-right
margin-top
<percentage>, <length>, auto, inherit
marker-offset<length>, auto, inherit
MARKScrop, cross, none, inherit
max-height<percentage>, <length>, inherit
max-width<percentage>, <length>, inherit
min-height<percentage>, <length>, inherit
min-width<percentage>, <length>, inherit
OPACITY數值, inherit
ORPHANS最少行數, inherit
OUTLINE一次設定 outline- color, style, width
inherit
outline-color<color>, invert, inherit
outline-offset<length>, inherit
outline-stylenone, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit
outline-width<length>, thin, medium, thick, inherit
OVERFLOW
OVERFLOW-X
OVERFLOW-Y
visible, hidden, scroll, auto, inherit
PADDING依上 右 下 左 設定內緣寬度, inherit
padding-bottom
padding-left
padding-right
padding-top
<percentage>, <length>, inherit
PAGE識別名稱, auto
page-break-after
page-break-before
always, auto, avoid, left, right, inherit
page-break-insideauto, avoid, inherit
PAUSEpause- after before, inherit
pause-after
pause-before
<時間>, <percentage>, inherit
PITCHx-low, low, medium, high, x-high
頻率, inherit
pitch-range0 ~ 100, inherit
PLAY-DURING<URI>, auto, none, inherit
POSITIONstatic, relative, absolute, fixed
QUOTES<string>, none, inherit
RICHNESS0 ~ 100, inherit
RIGHT<percentage>, <length>, auto, inherit
SIZE<length>, auto, landscape, portrait, inherit
SPEAKnormal, none, spell-out, inherit
speak-headeronce, always, inherit
speak-numeralcontinues, digitals, inherit
speak-punctuationcode, none, inherit
speech-ratex-slow, slow, medium, fast, x-fast
數字, slower, inherit
STRESS0 ~ 100, inherit
TABLE-LAYOUTauto, fixed, inherit
TEXT-ALIGNleft, right, center, justify, <string>, inherit
text-decorationnone, underline, overline, line-through, blink, inherit
TEXT-INDENT<percentage>, <length>, inherit
text-overflowclip, ellipsis(...), ellipsis-word(a€|), inherit
TEXT-SHADOWnone, 陰影, inherit
text-transformnone, capitalize, lowercase, uppercase, inherit
TOP<percentage>, <length>, auto, inherit
UNICODE-BIDInormal, embed, bidi-override, inherit
VERTICAL-ALIGNbaseline, <percentage>, <length>, top, middle, bottom, text-top, text-bottom, sub, super, inherit
VISIBILITYvisible, hidden, collapse, inherit
voice-family語音家族名稱, inherit
VOLUME0 ~ 100, 百分比, silent, inherit
x-soft(0), soft(25), medium(50), loud(75), x-loud(100)
WHITE-SPACEnormal, pre, pre-line, pre-wrap, nowrap, inherit
WIDOWS最少行數, inherit
WIDTH<percentage>, <length>, auto, inherit
WORD-SPACINGnormal, <length>, inherit
WORD-WRAPbreak-word, normal, inherit
Z-INDEX整數, auto, inherit

準類別準類別準類別
:ACTIVE :AFTER :BEFORE
:EMPTY :FIRST-CHILD :FIRST
::FIRST-LETTER ::FIRST-LINE :FIRST-OF-TYPE
:FOCUS :HOVER :LANG()
:LAST-CHILD :LAST-OF-TYPE :LEFT
:LINK :NOT() :NTH-CHILD
:NTH-LAST-CHILD :NTH-LAST-OF-TYPE :NTH-OF-TYPE
:ONLY-OF-TYPE :RIGHT :ROOT
::SELECTION :TARGET :VISITED

沒有留言:

©2008 - 2009 by ant2legs, All Rights Reserved. ant2legs 擁有其製作的文章,圖片與程式的著作權,所有權利保留。