网络热词 > CSS2

CSS2

CSS2.0提供给我们了一个机制,让程序员开发时可以不考虑显示和界面就可以制作表单和界面,显示问题可由美工或是程序员后期再来编写相应的 CSS2.0样式来解决。不过由于CSS2.0目前尚未见过很好的编辑软件,所以无法做到所见即所得,编写起来不易。

属性取值
(本列及后列链接源为W3C)
初值适用于
(默认所有)
继承性百分比
(默认N/A)
媒体
azimuth<angle> | [[ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards | inheritcenter
yes
aural
background[background-color || background-image || background-repeat || background-attachment || background-position] | inheritXX
noallowed on 'background-position'visual
background-attachmentscroll | fixed | inheritscroll
no
visual
background-color<color> | transparent | inherittransparent
no
visual
background-image<uri> | none | inheritnone
no
visual
background-position[ [<percentage> | <length> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inherit0% 0%block-level and replaced elementsnorefer to the size of the box itselfvisual
background-repeatrepeat | repeat-x | repeat-y | no-repeat | inheritrepeat
no
visual
border[ border-width || border-style || <color> ] | inheritsee individual properties
no
visual
border-collapsecollapse | separate | inheritcollapse'table' and 'inline-table' elementsyes
visual
border-color<color>{1,4} | transparent | inheritsee individual properties
no
visual
border-spacing<length> <length>? | inherit0'table' and 'inline-table' elementsyes
visual
border-style<border-style>{1,4} | inheritsee individual properties
no
visual
border-top border-right border-bottom border-left[ border-top-width || border-style || <color> ] | inheritsee individual properties
no
visual
border-top-color border-right-color border-bottom-color border-left-color<color> | inheritthe value of the 'color' property
no
visual
border-top-style border-right-style border-bottom-style border-left-style<border-style> | inheritnone
no
visual
border-top-width border-right-width border-bottom-width border-left-width<border-width> | inheritmedium
no
visual
border-width<border-width>{1,4} | inheritsee individual properties
no
visual
bottom<length> | <percentage> | auto | inheritautopositioned elementsnorefer to height of containing blockvisual
caption-sidetop | bottom | left | right | inherittop'table-caption' elementsyes
visual
clearnone | left | right | both | inheritnoneblock-level elementsno
visual
clip<shape> | auto | inheritautoblock-level and replaced elementsno
visual
color<color> | inheritdepends on user agent
yes
visual
content[ <string> | <uri> | <counter> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inheritempty string:before and :after pseudo-elementsno
all
counter-increment[ <identifier> <integer>? ]+ | none | inheritnone
no
all
counter-reset[ <identifier> <integer>? ]+ | none | inheritnone
no
all
cue[ cue-before || cue-after ] | inheritXX
no
aural
cue-after<uri> | none | inheritnone
no
aural
cue-before<uri> | none | inheritnone
no
aural
cursor[ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ] ] | inheritauto
yes
visual, interactive
directionltr | rtl | inheritltrall elements, but see proseyes
visual
displayinline | 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 | inheritinline
no
all
elevation<angle> | below | level | above | higher | lower | inheritlevel
yes
aural
empty-cellsshow | hide | inheritshow'table-cell' elementsyes
visual
floatleft | right | none | inheritnoneall but positioned elements and generated contentno
visual
font[ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ] | caption | icon | menu | message-box | small-caption | status-bar | inheritsee individual properties
yesallowed on 'font-size' and 'line-height'visual
font-family[[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>] | inheritdepends on user agent
yes
visual
font-size<absolute-size> | <relative-size> | <length> | <percentage> | inheritmedium
yes, the computed value is inheritedrefer to parent element's font sizevisual
font-size-adjust<number> | none | inheritnone
yes
visual
font-stretchnormal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inheritnormal
yes
visual
font-stylenormal | italic | oblique | inheritnormal
yes
visual
font-variantnormal | small-caps | inheritnormal
yes
visual
font-weightnormal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inheritnormal
yes
visual
height<length> | <percentage> | auto | inheritautoall elements but non-replaced inline elements, table columns, and column groupsnosee prosevisual
left<length> | <percentage> | auto | inheritautopositioned elementsnorefer to width of containing blockvisual
letter-spacingnormal | <length> | inheritnormal
yes
visual
line-heightnormal | <number> | <length> | <percentage> | inheritnormal
yesrefer to the font size of the element itselfvisual
list-style[ list-style-type || list-style-position || list-style-image ] | inheritXXelements with 'display: list-item'yes
visual
list-style-image<uri> | none | inheritnoneelements with 'display: list-item'yes
visual
list-style-positioninside | outside | inheritoutsideelements with 'display: list-item'yes
visual
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 | inheritdiscelements with 'display: list-item'yes
visual
margin<margin-width>{1,4} | inheritXX
norefer to width of containing blockvisual
margin-top margin-right margin-bottom margin-left<margin-width> | inherit0
norefer to width of containing blockvisual
marker-offset<length> | auto | inheritautoelements with 'display: marker'no
visual
marks[ crop || cross ] | none | inheritnonepage contextN/A
visual, paged
max-height<length> | <percentage> | none | inheritnoneall elements except non-replaced inline elements and table elementsnorefer to height of containing blockvisual
max-width<length> | <percentage> | none | inheritnoneall elements except non-replaced inline elements and table elementsnorefer to width of containing blockvisual
min-height<length> | <percentage> | inherit0all elements except non-replaced inline elements and table elementsnorefer to height of containing blockvisual
min-width<length> | <percentage> | inheritUA dependentall elements except non-replaced inline elements and table elementsnorefer to width of containing blockvisual
orphans<integer> | inherit2block-level elementsyes
visual, paged
outline[ outline-color || outline-style || outline-width ] | inheritsee individual properties
no
visual, interactive
outline-color<color> | invert | inheritinvert
no
visual, interactive
outline-style<border-style> | inheritnone
no
visual, interactive
outline-width<border-width> | inheritmedium
no
visual, interactive
overflowvisible | hidden | scroll | auto | inheritvisibleblock-level and replaced elementsno
visual
padding<padding-width>{1,4} | inheritXX
norefer to width of containing blockvisual
padding-top padding-right padding-bottom padding-left<padding-width> | inherit0
norefer to width of containing blockvisual
page<identifier> | autoautoblock-level elementsyes
visual, paged
page-break-afterauto | always | avoid | left | right | inheritautoblock-level elementsno
visual, paged
page-break-beforeauto | always | avoid | left | right | inheritautoblock-level elementsno
visual, paged
page-break-insideavoid | auto | inheritautoblock-level elementsyes
visual, paged
pause[ [<time> | <percentage>]{1,2} ] | inheritdepends on user agent
nosee descriptions of 'pause-before' and 'pause-after'aural
pause-after<time> | <percentage> | inheritdepends on user agent
nosee proseaural
pause-before<time> | <percentage> | inheritdepends on user agent
nosee proseaural
pitch<frequency> | x-low | low | medium | high | x-high | inheritmedium
yes
aural
pitch-range<number> | inherit50
yes
aural
play-during<uri> mix? repeat? | auto | none | inheritauto
no
aural
positionstatic | relative | absolute | fixed | inheritstaticall elements, but not to generated contentno
visual
quotes[<string> <string>]+ | none | inheritdepends on user agent
yes
visual
richness<number> | inherit50
yes
aural
right<length> | <percentage> | auto | inheritautopositioned elementsnorefer to width of containing blockvisual
size<length>{1,2} | auto | portrait | landscape | inheritautothe page contextN/A
visual, paged
speaknormal | none | spell-out | inheritnormal
yes
aural
speak-headeronce | always | inheritonceelements that have table header informationyes
aural
speak-numeraldigits | continuous | inheritcontinuous
yes
aural
speak-punctuationcode | none | inheritnone
yes
aural
speech-rate<number> | x-slow | slow | medium | fast | x-fast | faster | slower | inheritmedium
yes
aural
stress<number> | inherit50
yes
aural
table-layoutauto | fixed | inheritauto'table' and 'inline-table' elementsno
visual
text-alignleft | right | center | justify | <string> | inheritdepends on user agent and writing directionblock-level elementsyes
visual
text-decorationnone | [ underline || overline || line-through || blink ] | inheritnone
no (see prose)
visual
text-indent<length> | <percentage> | inherit0block-level elementsyesrefer to width of containing blockvisual
text-shadownone | [<color> || <length> <length> <length>? ,]* [<color> || <length> <length> <length>?] | inheritnone
no (see prose)
visual
text-transformcapitalize | uppercase | lowercase | none | inheritnone
yes
visual
top<length> | <percentage> | auto | inheritautopositioned elementsnorefer to height of containing blockvisual
unicode-bidinormal | embed | bidi-override | inheritnormalall elements, but see proseno
visual
vertical-alignbaseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inheritbaselineinline-level and 'table-cell' elementsnorefer to the 'line-height' of the element itselfvisual
visibilityvisible | hidden | collapse | inheritinherit
no
visual
voice-family[[<specific-voice> | <generic-voice> ],]* [<specific-voice> | <generic-voice> ] | inheritdepends on user agent
yes
aural
volume<number> | <percentage> | silent | x-soft | soft | medium | loud | x-loud | inheritmedium
yesrefer to inherited valueaural
white-spacenormal | pre | nowrap | inheritnormalblock-level elementsyes
visual
widows<integer> | inherit2block-level elementsyes
visual, paged
width<length> | <percentage> | auto | inheritautoall elements but non-replaced inline elements, table rows, and row groupsnorefer to width of containing blockvisual
word-spacingnormal | <length> | inheritnormal
yes
visual
z-indexauto | <integer> | inheritautopositioned elementsno
visual

All rights reserved Powered by 网络热词 87994.com

copyright ©right 2010-2020。
网络热词内容来自网络,如有侵犯请联系客服。zhit325@126.com