CSS 2.1-Eigenschaften

(Auszug aus "CSS Kochbuch" von Christopher Schmitt)

Name Werte Startwert Angewendet auf
(Standard: alle)
Vererbt? Prozentwerte möglich?
(Standard: nein)
Medientyp
background-attachment scroll | fixed | inherit scroll nein visual
background-color <Farbwert> | transparent | inherit transparent nein visual
background-image <URI> | none | inherit none nein visual
background-position [ [<Prozentwert> | <Längenangabe> | left | center | right ] [<Prozentwert> | <Längenangabe> | top | center | bottom]? ] | [ [ left | center | right ] || [ top | center | bottom ] ] | inherit 0% 0% nein beziehen sich auf den entsprechenden Punkt des Elements u. des Ursprungsbilds visual
background-repeat repeat | repeat-x | repeat-y | no-repeat | inherit repeat nein visual
background [ <backgroundcolor> || <backgroundimage> || <background- repeat> || <backgroundattachment> || <backgroundposition>] | inherit siehe die einzelnen Eigenschaften nein erlaubt für background-position visual
border-collapse collapse | separate | inherit separate Elemente mit dem display-Wert table bzw. inlinetable ja visual
border-color [ <Farbwert> | transparent ]{1,4} | inherit siehe die einzelnen Eigenschaften nein visual
border-spacing <Längenangabe> <Längenangabe>? | inherit 0 Elemente mit dem display-Wert table bzw. inlinetable ja visual
border-style <border-style> {1,4} | inherit siehe die einzelnen Eigenschaften nein visual
border-top
border-right
borderbottom
border-left
[ <border-width> || <border-style> || <border-top-color> ] | inherit siehe die einzelnen Eigenschaften nein visual
border-top-color
border-right-color
border-bottom-color
border-left-color
<Farbwert> | transparent | inherit Der Wert der Eigenschaft color nein visual
border-top-style
border-right-style
border-bottom-style
border-left-style
<border-style> | inherit none neinvisual
border-top-width
border-right-width
border-bottom-width
border-left-width
<border-width> | inherit medium nein visual
border-width <border-width> {1,4} | inherit siehe die einzelnen Eigenschaften nein visual
border [ <border-width> ||<border-style> || <border-topcolor>] | inherit siehe die einzelnen Eigenschaften nein visual
bottom <Längenangabe> | <Prozentwert> | auto | inherit auto positionierte Elemente nein beziehen sich auf die Höhe des umgebenden Blocks visual
caption-side top | bottom | inherit top Elemente mit dem display-Wert table-caption ja visual
clear none | left | right | both | inherit none Block-Elemente nein visual
clip <Form> | auto | inherit auto absolut positionierte Elemente nein visual
color <Farbwert> | inherit abhängig vom Benutzerprogramm ja visual
content normal | none | [<Zeichenkette> | <URI> | <Zähler> | attr(<Identifier>) | open-quote | closequote | no-openquote | no-closequote]+ | inherit normal die Pseudoelemente :before und :after nein all
counter-increment [<Identifier> <Integerwert>?]+ | none | inherit none nein all
counter-reset [<Identifier> <Integerwert>? ]+ | none | inherit none nein all
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 | progress ] ] | inherit auto ja visual, interactive
direction inline | block | listitem | run-in | inline-block | table | inline-table | tablerow-group | tableheader- group | table-footer-group | table-row | tablecolumn-group | table-column | table-cell | tablecaption | none | inherit inline nein all
empty-cells show | hide | inherit show Elemente mit dem display-Wert table-cell ja visual
float left | right | none | inherit none alle, Näheres im Rezept Spalten mit Floats in beliebiger Reihenfolge darstellen nein visual
font-family [[ <Schriftfamilie> | <allgemeine Schriftfamilie> ] [,<Schriftfamilie>| <allgemeine Schriftfamilie> ]* ] | inherit abhängig vom Benutzerprogramm ja visual
font-size <absolute Größe> | <relative Größe> | <Längenangabe> | <Prozentwert> | inherit medium ja beziehen sich auf den berechneten Wert von font-size des Elternelements visual
font-style normal | italic | oblique | inherit normal ja visual
font-variant normal | small-caps | inherit normal ja visual
font-weight normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit normal ja visual
font [ [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family> ] | caption | icon | menu | messagebox | small-caption | status-bar | inherit siehe die einzelnen Eigenschaften ja siehe die einzelnen Eigenschaften visual
height <Längenangabe> | <Prozentwert> | auto | inherit auto Block- und ersetzte Elemente nein werden im Verhältnis zur Höhe des umgebenden Blocks berechnet visual
left <Längenangabe> | <Prozentwert> | auto | inherit auto positionierte Elemente nein beziehen sich auf die Breite des umgebenden Blocks visual
letter-spacing normal | <Längenangabe> | inherit normal ja visual
line-height normal | <number> | <Längenangabe> | <Prozentwert> | inherit normal ja relativ zur Schriftgröße (font-size) des Elements visual
list-style-image <URI> | none | inherit none Elemente mit dem display-Wert list-item ja visual
list-style-position inside | outside | inherit outside Elemente mit dem display-Wert list-item ja visual
list-style-type disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit disc Elemente mit dem display-Wert list-item ja visual
list-style [<list-style-type> || <list-style-position> || <list-style-image>] | inherit siehe die einzelnen Eigenschaften Elemente mit dem display-Wert list-item ja visual
margin-right
margin-left
<Breite> | <Prozentwert> | auto | inherit 0 alle Elemente, außer Tabellen- Elemente, die nicht den display-Wert table oder inline-table haben nein beziehen sich auf die Breite des umgebenden Blocks visual
margin-top
margin-bottom
<Breite> | <Prozentwert> | auto | inherit 0 alle Elemente, außer Tabellen- Elemente, die nicht den display-Wert table oder inline-table haben nein beziehen sich auf die Breite des umgebenden Blocks visual
margin <margin-width> { 1,4} | inherit siehe die einzelnen Eigenschaften alle Elemente, außer Tabellen- Elemente, die nicht den display-Wert table oder inline-table haben nein beziehen sich auf die Breite des umgebenden Blocks visual
max-height <Längenangabe> | <Prozentwert> | none | inherit none alle Elemente außer nicht-ersetzte Inline- und Tabellen-Elemente nein beziehen sich auf die Höhe des umgebenden Blocks visual
max-width <Längenangabe> | <Prozentwert> | none | inherit none alle Elemente außer nicht-ersetzte Inline- und Tabellen- Elemente nein beziehen sich auf die Breite des umgebenden Blocks visual
min-height <Längenangabe> | <Prozentwert> | inherit 0 alle Elemente außer nicht-ersetzte Inline- und Tabellen- Elemente nein beziehen sich auf die Höhe des umgebenden Blocks visual
min-width <Längenangabe> | <Prozentwert> | inherit 0 alle Elemente außer nicht-ersetzte Inline- und Tabellen- Elemente nein beziehen sich auf die Breite des umgebenden Blocks visual
orphans <Integerwert> | inherit 2 Block-Elemente ja visual, paged
outline-color <Farbwert> | invert | inherit invert nein visual, interactive
outline-style <border-style> | inherit none nein visual, interactive
outline-width <border-width> | inherit medium nein visual, interactive
outline [ <outline-color> || <outline-style> || <outline-width> ] | inherit siehe die einzelnen Eigenschaften nein visual, interactive
overflow visible | hidden | scroll | auto | inherit visible Block- und ersetzte Elemente nein visual
padding-top
padding-right
padding-bottom
padding-left
<padding-width> | inherit 0 alle Elemente, außer Tabellen- Elemente, die nicht den display-Wert table, inline-table oder table-cell haben nein beziehen sich auf die Breite des umgebenden Blocks visual
padding <padding-width> {1,4} | inherit siehe die einzelnen Eigenschaften alle Elemente, außer Tabellen- Elemente, die nicht den display-Wert table, inline-table oder table-cell haben nein beziehen sich auf die Breite des umgebenden Blocks visual
page-break-after auto | always | avoid | left | right | inherit auto Block-Elemente nein visual, paged
page-break-before auto | always | avoid | left | right | inherit auto Block-Elemente nein visual, paged
page-break-inside avoid | auto | inherit auto Block-Elemente ja visual, paged
position static | relative | absolute | fixed | inherit static nein visual
quotes [<Zeichenkette> <Zeichenkette>]+ | none | inherit abhängig vom Benutzerprogramm ja visual
right <Längenangabe> | <Prozentwert> | auto | inherit auto positionierte Elemente nein beziehen sich auf die Breite des umgebenden Blocks visual
table-layout auto | fixed | inherit auto Elemente mit dem display-Wert table oder inline-table nein visual
text-align left | right | center | justify | inherit abhängig vom Benutzerprogramm, kann u.U. auch von der Schreibrichtung (Eigenschaft ltr) abhängen Block-Elemente, Elemente mit dem display-Wert table-cell oder inline-block ja visual
text-decoration none | [ underline || overline || linethrough || blink ] | inherit none nein visual
text-indent <Längenangabe> | <Prozentwert> | inherit 0 Block-Elemente, Elemente mit dem display-Wert table-cell oder inline-block ja beziehen sich auf die Breite des umgebenden Blocks visual
text-transform capitalize | uppercase | lowercase | none | inherit none ja visual
top <Längenangabe> | <Prozentwert> | auto | inherit auto positionierte Elemente nein beziehen sich auf die Höhe des umgebenden Blocks visual
unicode-bidi normal | embed | bidi-override | inherit normal alle Elemente nein visual
vertical-align baseline | sub | super | top | text-top | middle | bottom | text-bottom | <Prozentwert> | <Längenangabe> | inherit baseline Inline-Elemente und Tabellenzellen nein beziehen sich auf den Wert von line-height für das betreffende Element visual
visibility visible | hidden | collapse | inherit visible ja visual
white-space normal | pre | nowrap | pre-wrap | pre-line | inherit normal ja visual
widows <Integerwert> | inherit 2 Block-Elemente ja visual
width <Längenangabe> | <Prozentwert> | auto | inherit auto Block- und ersetzte Inline- Elemente nein beziehen sich auf die Breite des umgebenden Blocks visual
word-spacing normal | <Längenangabe> | inherit normal ja visual
z-index auto | <Integerwert> | inherit auto positionierte Elemente nein visual

Die CSS 2.1-Eigenschaftstabelle ist urheberrechtlich geschützt: © 2005, World Wide Web Consortium (Massachusetts Institute of Technology, European Research Consortium for Informatics and Mathematics, Keio University). Alle Rechte vorbehalten. W3C DOCUMENT LICENSE.

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln