HTML5-Handbuch - die neuen Features von HTML5

fest
    Zusammenfassende Eigenschaft für folgende Detail-Eigenschaften:
•   
border-bottom-width
•   
border-bottom-style
•   
border-bottom-color
Erlaubte Werte
Die genauen Werte sind bei den einzelnen Eigenschaften aufgeführt.
Kompatibilität
border-bottom-color
Legt die Farbe des unteren Randes fest
Erlaubte Werte
Farbe, z. B.
border-bottom-color: #000000;
,
border-bottom-color: rgb(0, 127, 255);
,
border-bottom-color: rgb(80%, 40%, 20%);
,
border-bottom-color: blue;
oder
•   
inherit
(vom Elternelement geerbt)
•    transparent (durchsichtig)
Kompatibilität
border-bottom-style
Legt die Art des unteren Randes fest
Erlaubte Werte
Einer der folgenden Werte (Defaultwert ist fett dargestellt):
•   
dashed
(gestrichelt)
•   
dotted
(punktiert)
•   
double
(doppelte Line)
•   
groove
(3D-Effekt erhaben)
•   
hidden
(der Rahmen wird versteckt)
•   
inherit
(vom Elternelement geerbt)
•   
inset
(3D-Effekt eingedrückt)
•    none (kein Rahmen)
•   
outset
(3D-Effekt herausgehoben)
•   
ridge
(3D-Effekt graviert)
•   
solid
(durchgezogen)
Kompatibilität
border-bottom-width
Legt die Breite der unteren Rahmenlinie fest
Erlaubte Werte
Nummerischer Wert mit einer der Maßeinheiten px, em, ex, %, in, cm, mm, pt, pc,
    z. B.
border-bottom-width: 3px;
,
border-bottom-width: 0.2cm;
,
border-bottom-width: 40%;
    Der Wert 0 ist möglich ohne Maßeinheit.
    Oder einer der folgenden Werte (Defaultwert ist fett dargestellt):
•   
inherit
(vom Elternelement geerbt)
•    medium (mittel)
•   
thick
(dick)
•   
thin
(dünn)
Kompatibilität
border-collapse
Definiert das Verhalten des Rahmens. Diese Eigenschaft kann nur auf

-Elemente angewendet werden.
Erlaubte Werte
Einer der folgenden Werte (Defaultwert ist fett dargestellt):
•   
inherit
(vom Elternelement geerbt)
•   
collapse
(zwei aufeinandertreffende Rahmenlinien, werden zu einer zusammengefasst)
•    separate (jede Zelle erhält einen eigenen Rahmen)
•   
thin
(dünn)
Kompatibilität
border-color
Legt die Randfarbe fest.
Erlaubte Werte
Farbe, z. B.
border-color: #000000;
,
border-color: rgb(0, 127, 255);
,
border-color: rgb(80%, 40%, 20%);
,
border-color: blue;
Kompatibilität
border-image
Legt ein Bild fest, das für die Rahmendarstellung verwendet werden soll.
    Zusammenfassende Eigenschaft für folgende Detail-Eigenschaften:
•   
border-image-source
•   
border-image-slice
•   
border-image-width
•   
border-image-repeat
(horizontal)
•   
border-image-repeat
(vertikal)
Erlaubte Werte
Die einzelnen Werte werden bei den Detail-Eigenschaften beschrieben.
Kompatibilität
(wird nur mit proprietären Präfixes unterstützt)
border-image-outset
Legt die Breite des Bildes außerhalb des Rahmens fest.
Erlaubte Werte
Nummerischer Wert mit einer der Maßeinheiten px, em, ex, %, in, cm, mm, pt, pc, z. B.
border-image-outset: 3px;
,
border-image-outset: 0.2cm;
,
border-image-outset: 40%;
    Der Wert 0 ist möglich ohne Maßeinheit.
Kompatibilität
(wird nur mit proprietären Präfixes unterstützt)
border-image-repeat
Wiederholung des Teilbilds für den Rahmen.
Erlaubte Werte
Einer der folgenden Werte (Defaultwert ist fett dargestellt):
•   
repeat
(wiederholen, kacheln)
•   
round
(wiederholen; wird der Bereich nicht ausgefüllt, wird das Teilbild skaliert)
•   
stretch
(dehnen)
•   
space
(wiederholen; nicht verwendeter Platz wird zwischen den Teilbildern eingefügt)
Kompatibilität
(wird nur mit proprietären Präfixes unterstützt)
border-image-slice
Aufteilen eines Bilds in Teilbilder zur Verwendung als Rahmen.
Erlaubte Werte
Es werden vier nummerische Werte benötigt.
•   der obere Abstand
•   der rechte Abstand
•   der untere Abstand
•   der linke Abstand
    An diesen Abständen wird das Bild zerschnitten. Aus den 9 Teilen wird der Rahmen zusammengesetzt.
    Nummerischer Wert mit einer der Maßeinheiten px, em, ex, %, in, cm, mm, pt, pc, z. B.
border-image-slice: 3px 10px 20px 100px;
,
border-image-slice: 0.2cm 0.5cm 1cm 1.5cm;
,
border-image-slice: 40% 12% 30% 20%;
    Der Wert 0 ist möglich ohne Maßeinheit.
Kompatibilität
(wird nur mit proprietären Präfixes unterstützt)
border-image-source
Die externe Quelle des Bilds für den Rahmen.
Erlaubte Werte
URL-Adresse, z. B.
    border-image-source:url(http://www.example.com/img/border.gif
Kompatibilität
(wird nur mit proprietären Präfixes