HTML5-Handbuch - die neuen Features von HTML5

unten.
•   
border-left-color
,
border-right-color
,
border-top-color
und
border-bottom-color
für die Farbe des Rahmens links, rechts, oben und unten.
    Dazu kommen gleich mehrere zusammenfassende Eigenschaften:
•   
border-width
für die Dicke der Rahmen aller vier Seiten der Elementbox.
•   
border-style
für die Art der Rahmen aller vier Seiten der Elementbox.
•   
border-color
für die Farbe der Rahmen aller vier Seiten der Elementbox.
•   
border-left
für die Dicke, Art und Farbe des Rahmens links.
•   
border-right
für die Dicke, Art und Farbe des Rahmens rechts.
•   
border-top
für die Dicke, Art und Farbe des Rahmens oben.
•   
border-bottom
für die Dicke, Art und Farbe des Rahmens unten.
•   
border
für die Dicke, Art und Farbe der Rahmen aller vier Seiten der Elementbox.
Beispiel
    
    
    
    
    
    
    
    
    

    Unsere Fehlschläge sind oft erfolgreicher
    als unsere Erfolge.
Henry Ford
    

    

    Bei der Stapelung der Wohnungen nach oben geht zuerst der
    Mensch zugrunde und dann die Natur. Bei der Stapelung in die
    Breite läuft es umgekehrt.

    Friedensreich Hundertwasser
    

    

    Wenn zwei Philosophen zusammentreffen, ist es am
    vernünftigsten, wenn sie zueinander bloß 'Guten Morgen'
    sagen.

    Jean Paul Sartre
    

    

    Wer glaubt, ein Christ zu sein, weil er die Kirche besucht,
    irrt sich. Man wird ja auch kein Auto, wenn man in eine
    Garage geht.

    Albert Schweitzer
    

    
    
    Bild 14.15: Das Rahmen-Beispiel im Browser
Erläuterung
    Das Beispiel enthält eine Reihe von Zitaten, die zweckgerecht als
blockquote
-Elemente realisiert sind. Jedes Zitat hat eine individuelle Rahmengestaltung, doch darüber hinaus haben alle Zitatbereiche auch gemeinsame Formateigenschaften. Die gemeinsamen Eigenschaften werden im
style
-Bereich im Dokumentkopf notiert. Die
style
-Attribute der einleitenden

-Tags enthalten die individuellen Definitionen zum Rahmen.
    Der Rahmentyp (
border-style
,
border-left-style
, Angaben innerhalb von
border
,
border-left
usw.) wird mit Hilfe von Schlüsselwörtern bestimmt. Typische Angaben sind
solid
(durchgezogene Linie),
double
(doppelt durchgezogene Linie) oder
dotted
(gepunkteter Rahmen). Nicht ganz so häufig verwendet, aber ebenfalls erlaubt sind die Angaben
dashed
(gestrichelter Rahmen), sowie die 3D-Effekt-Angaben
inset
,
outset
,
groove
und
ridge
.
    Ebenfalls wichtig sind die Angaben
none
oder
hidden
. Denn in der Praxis kommen öfter Fälle vor, in denen Rahmen unterdrückt werden sollen, etwa um nahtlos eingebettete Frames zu erzwingen oder bei Grafiken im Elementinhalt von Hyperlinks. Solche Grafiken werden nämlich, wenn Sie sonst nichts angeben, vom Browser mit einem nicht besonders attraktiven Rahmen versehen. Die Angabe
hidden
ist für benachbarte Tabellenzellen gedacht. Während die Angabe
none
nur den Rahmen des Elements unterdrückt, für das sie gilt, bewirkt
hidden
, dass auch Rahmen von Nachbarelementen unterdrückt werden, sofern diese Rahmen besitzen. Voraussetzung dafür ist allerdings, dass auf das zugehörige
table
-Element die CSS-Angabe
border-collapse:
collapse;
angewendet wird.
    Die Rahmendicke (
border-width
,
border-left-width
, Angaben innerhalb von
border
,
border-left
usw.) wird wahlweise mit Hilfe der Schlüsselwörter
thin
(dünn),
medium
(mittelstark) oder
thick
(dick) oder mit Hilfe eines nummerischen Werts wie etwa
5px
oder
0.4cm
bestimmt.
    Angaben zur Rahmendicke werden nur dann interpretiert, wenn in irgendeiner Form außerdem eine Angabe zum Rahmentyp erfolgt, also etwa:
    

    Die Rahmenfarbe