Design

CSS 2 Befehle

15. September 2003

Hier lassen sich bequem alle Befehle nachschlagen. Die Abkürzung „NN“ zeigt, von welchem Netscape-Browser ein Tag verstanden wird. Dasselbe gilt für „IE“, damit ist der Internet Explorer gemeint.

Hintergründe

BefehlBeschreibungWerteNNIEW3C
backgroundHintergrundbackground-color
background-image
background-repeat background-attachment background-position
4.04.0CSS1
background-attachmentHintergrundgrafik feststellen oder rollbar machenscroll
fixed
6.04.0CSS1
background-colorHintergrundfarbecolor-rgb
color-hex
color-name
transparent
4.04.0CSS1
background-imageHintergrundbildurl
none
4.04.0CSS1
background-positionPosition eines Hintergrundbildestop left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x-% y-%
x-pos y-pos
6.04.0CSS1
background-repeatWiederholung eines Hintergrundbildesrepeat
repeat-x
repeat-y
no-repeat
4.04.0CSS1

Rahmen

BefehlBeschreibungWertNNIEW3C
borderRahmenborder-width
border-style
border-color
4.04.0CSS1
border-bottomRahmen untenborder-bottom-width
border-style
border-color
6.04.0CSS1
border-bottom-colorRahmenfarbe untenborder-color6.04.0CSS2
border-bottom-styleArt des Rahmensborder-style6.04.0CSS2
border-bottom-widthRahmenbreite untenthin
medium
thick
länge
4.04.0CSS1
border-colorRahmenfarbecolor6.04.0CSS1
border-leftRahmen linksborder-left-width
border-style
border-color
6.04.0CSS1
border-left-colorRahmenfarbe linksborder-color6.04.0CSS2
border-left-styleRahmenart linksborder-style6.04.0CSS2
border-left-widthRahmenbreite linksthin
medium
thick
length
4.04.0CSS1
border-rightRahmen rechtsborder-right-width
border-style
border-color
6.04.0CSS1
border-right-colorRahmenfarbe rechtsborder-color6.04.0CSS2
border-right-styleRahmenart rechtsborder-style6.04.0CSS2
border-right-widthRahmenbreite rechtsthin
medium
thick
länge
4.04.0CSS1
border-styleRahmenartnone
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
6.04.0CSS1
border-topRahmen obenborder-top-width
border-style
border-color
6.04.0CSS1
border-top-colorRahmenfarbe obenborder-color6.04.0CSS2
border-top-styleRahmenart obenborder-style6.04.0CSS2
border-top-widthRahmenbreite obenthin
medium
thick
länge
4.04.0CSS1
border-widthRahmenbreitethin
medium
thick
länge
4.04.0CSS1

Klassifizierung

BefehlBeschreibungWertNNIEW3C
clearleft
right
both
none
4.04.0CSS1
cursorMauszeigerurl
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help
t4.0CSS2
displayAnzeigenone
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
4.04.0CSS1
floatPosition gegen ein anderes Elementleft
right
none
4.04.0CSS1
positionArt der Positionierungstatic
relative
absolute
fixed
4.04.0CSS2
visibilitySichtbarkeitvisible
hidden
collapse
6.04.0CSS2

Abmessungen

BefehlBeschreibungWertNNIEW3C
heightHöheauto
länge
%
6.04.0CSS1
line-heightZeilenabstandnormal
länge
%
4.04.0CSS1
max-heightMaximun Höhenone
länge
%
6CSS2
max-widthMaximun Breitenone
länge
%
6CSS2
min-heightMinimum Höhelänge
%
6CSS2
min-widthMinimum Breitelänge
%
6CSS2
widthBreiteauto
%
länge
4.04.0CSS1

Schrift

BefehlBeschreibungWertNNIEW3C
fontSchriftfont-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar
65CSS1
font-familySchriftartfamily4.03.0CSS1
font-sizeSchriftgrößexx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
länge
%
4.03.0CSS1
font-size-adjustnone
zahl
6CSS2
font-stretchSchriftbreitenormal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded
CSS2
font-styleSchriftstilnormal
italic
oblique
4.04.0CSS1
font-variantBuchstabenartnormal
small-caps
6.04.0CSS1
font-weightSchriftdickenormal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900
ttCSS1

Listen

BefehlBeschreibungWertNNIEW3C
list-styleListenartlist-style-type
list-style-position
list-style-image
6.04.0CSS1
list-style-imageBild als Listenzeichennone
url
6.04.0CSS1
list-style-positionPosition des Listenzeichensinside
outside
6.04.0CSS1
list-style-typeListentypnone
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha
ttCSS1
marker-offsetauto
länge
CSS2

Abstand

BefehlBeschreibungWertNNIEW3C
marginAbstandmargin-top
margin-right
margin-bottom
margin-left
4.04.0CSS1
margin-bottomAbstand nach untenauto
länge
%
4.04.0CSS1
margin-leftAbstand nach linksauto
länge
%
4.03.0CSS1
margin-rightAbstand nach rechtsauto
länge
%
4.03.0CSS1
margin-topAbstand nach obenauto
länge
%
4.03.0CSS1

Outlines

BefehlBeschreibungWertNNIEW3C
outlineoutlineoutline-color
outline-style
outline-width
CSS2
outline-colorOutlinefarbecolor
invert
CSS2
outline-styleOutlineartnone
dotted
dashed
solid
double
groove
ridge
inset
outset
CSS2
outline-widthOutlinedickethin
medium
thick
length
CSS2

Randabstände

BefehlBeschreibungWertNNIEW3C
paddingRandabstandpadding-top
padding-right
padding-bottom
padding-left
4.04.0CSS1
padding-bottomAbstand nach untenlänge
%
4.04.0CSS1
padding-leftAbstand nach linkslänge
%
4.04.0CSS1
padding-rightAbstand nach rechtslänge
%
4.04.0CSS1
padding-topAbstand nach obenlänge
%
4.04.0CSS1

Positionierung

BefehlBeschreibungWertNNIEW3C
bottomAbstand nach untenauto
%
länge
5.0CSS2
clipAusschnittshape
auto
6.04.0CSS2
leftAbstand nach linksauto
%
länge
4.04.0CSS2
overflowoberflowvisible
hidden
scroll
auto
6.04.0CSS2
rightAbstand nach rechtsauto
%
länge
5.0CSS2
topAbstand nach obenauto
%
länge
4.04.0CSS2
vertical-alignVertikale Ausrichtungbaseline
sub
super
top
text-top
middle
bottom
text-bottom
länge
%
4.04.0CSS1
z-indexStapelreihenfolgeauto
zahl
6.04.0CSS2

Tabellen

BefehlBeschreibungWertNNIEW3C
border-collapseRahmenmodellcollapse
separate
6.05.0CSS2
border-spacingRahmenabstandlänge6.05.5CSS2
caption-sidePosition der Überschrifttop
bottom
left
right
6.05.5CSS2
empty-cellsBehandlung von leeren Zellenshow
hide
5.5CSS2
table-layoutTabellenstrukturauto
fixed
6.05.0CSS2

Inhalte und Zähler

BefehlBeschreibungWertNNIEW3C
beforeInhalt einfügen6CSS2
afterInhalt einfügen6CSS2
contentInhalt einfügenURL6CSS2
counterZählerCSS2
counter-incrementZählerCSS2
counter-resetZählerCSS2

Kommentar hinzufügen

Diese E-Mail ist schon registriert. Bitte benutzen Sie die Login-Form oder geben Sie andere ein.

Sie haben nicht korrektes Login und Passwort eingegeben

Entschuldigen, aber Sie müssen zugriffen, um das Kommentar zu schreiben.