HTML5-Handbuch - die neuen Features von HTML5

werden.
appearance
Ändert das Aussehen eines Elements
Erlaubte Werte
•   
normal
(ursprüngliche Darstellung)
•   
button
(Knopf)
•   
push-button
(Umschaltknopf)
•   
hyperlink
(Hyperlink)
•   
checkbox
(Kontrollkästchen)
•   
pop-up-menu
(Menü)
•   
list-menu
(Menü, aufklappbar)
•   
radio-group
(gruppierte Radioknöpfe)
•   
checkbox-group
(gruppierte Kontrollkästchen)
•   
field
(Eingabefeld)
•   
password
(Passworteingabefeld)
Kompatibilität
background
Zusammenfassende Eigenschaft für die Definition des Hintergrunds.
    Zusammenfassende Eigenschaft für folgende Detail-Eigenschaften:
•   
background-attachment
•   
background-color
•   
background-image
•   
background-position
•   
background-repeat
Erlaubte Werte
Die einzelnen möglichen Werte sind bei den Detail-Eigenschaften beschrieben.
Kompatibilität
background-attachment
Verhalten des Hintergrunds
Erlaubte Werte
Einer der folgenden Werte (Defaultwert ist fett dargestellt):
•    scroll (der Hintergrund bewegt sich mit dem Element)
•   
fixed
(der Hintergrund wird fixiert)
•   
inherit
(wie beim Elternelement eingestellt)
Kompatibilität
background-clip
Bestimmt den Darstellungsbereich des Hintergrunds
Erlaubte Werte
•    border-box (Darstellung bis zum Rand (inklusive))
•   
padding-box
(Darstellung bis zum Rand (exklusive))
•   
content-box
(Darstellung im Inhaltsbereich)
•   
no-clip
(Clip-Darstellung wird deaktiviert)
Kompatibilität
background-color
Definiert die Hintergrundfarbe eines Elements.
Erlaubte Werte
Einer der folgenden Werte (Defaultwert ist fett dargestellt):
•    transparent (durchsichtig)
•   
inherit
(vom Elternelement geerbt)
    oder Farbe, z. B.
    background-color: #000000;
,
background-color: rgb(0, 127, 255);
,
background-color: rgb(80%, 40%, 20%);
,
background-color: blue;
Kompatibilität
background-image
Legt ein Bild als Hintergrund eines Elements fest.
Erlaubte Werte
Einer der folgenden Werte (Defaultwert ist fett dargestellt):
•    none (kein Hintergrundbild)
•   
inherit
(vom Elternelement geerbt)
    oder URL-Adresse, z. B.
background-image:url(http://www.example.com/img/back.png)
Kompatibilität
background-origin
Legt das linke obere Eck des Hintergrundes fest
Erlaubte Werte
Einer der folgenden Werte (Defaultwert ist fett dargestellt):
•    border-box (im Rahmen)
•   
padding-box
(direkt nach dem Rahmen)
•   
content-box
(in linken, oberen Eck des Inhaltbereichs)
Kompatibilität
background-position
Legt die Position des Hintergrundbildes fest
Erlaubte Werte
Üblicherweise wird eine Kombination des oberen und des linken Abstandes angegeben (
background-position: top left
).
    Nummerischer Wert mit einer der Maßeinheiten px, em, ex, %, in, cm, mm, pt, pc, z. B.
background-position: 3px;
,
background-position: 0.2cm;
,
background-position: 40%;
    Der Wert 0 ist möglich ohne Maßeinheit.
    oder einer der folgenden Werte (Defaultwert ist fett dargestellt):
    0% 0% (oben, links)
    bottom
(unterer Rand)
    center
(zentriert)
    left
(linksbündig)
    right
(rechtsbündig)
    top
(oberer Rand)
Kompatibilität
background-repeat
Legt die Art der Kachelung des Hintergrundbildes fest
Erlaubte Werte
Einer der folgenden Werte (Defaultwert ist fett dargestellt):
•   
inherit
(Die Einstellung des Elternelements wird geerbt)
•   
no-repeat
(keine Wiederholung)
•    repeat (Hintergrundbild horizontal und vertikal wiederholen)
•   
repeat-x
(Hintergrundbild horizontal wiederholen)
•   
repeat-y
(Hintergrundbild vertikal wiederholen)
Kompatibilität
background-size
Definiert die Größe des Hintergrundbildes
Erlaubte Werte
Es werden zwei Werte (Breite und Höhe) angegeben (
background-size: 50% auto;
    Nummerischer Wert mit einer der Maßeinheiten px, em, ex, %, in, cm, mm, pt, pc,
    z. B.
background-size: 3px 500px;
,
background-size: 0.2cm 2cm;
,
background-size: 40% auto;
    Der Wert 0 ist möglich ohne Maßeinheit.
    Das Schlüsselwort
auto
wird verwendet, um einen oder beide Werte automatisch zu berechnen.
Kompatibilität
border
Legt die Darstellung der vier Ränder eines Elements fest.
    Zusammenfassende Eigenschaft für folgende Detail-Eigenschaften:
•   
border-width
•   
border-style
•   
border-color
Erlaubte Werte
Die genauen Werte sind bei den einzelnen Eigenschaften aufgeführt.
Kompatibilität
border-bottom
Legt die Darstellung des unteren Randes eines Elements