Erklärung:
Bestimmt die Farbe des Rahmens. siehe color

Werte:

• eine Farbangabe: alle vier Seiten nehmen bekommen die gleiche Farbe
• zwei Farbanngaben: oben und unten nehmen die erste Farbe an, links und rechts die Zweite
• drei Farbangaben: erste Farbe für oben, zweite Farbe für rechts und links, dritte Farbe für unten
• vier Farbangaben: erste Farbe für oben, zweite Farbe für rechts, dritte Farbe für unten, vierte Farbe für links

Beispiel:
Farbe jeweils für oben, rechts, unten, links

border-width: #f00;                     /* rot rot rot rot */
border-width: #f00 #ff0;                /* rot gelb rot gelb */
border-width: #f00 #ff0 #0f0            /* rot gelb grün gelb */
border-width: #f00 #ff0 #0f0 #00f       /* rot gelb grün blau */

Zu beachten:
Bei Netscape 4.7x ist es nicht möglich den Rändern verschiedene Farben zu geben. Er nimmt den ersten Farbwert an.

Erklärung:
Fasst die drei Tags border-top-width, border-style, und border-color für den oberen Rand zusammen.

Werte:

• 5px: Rahmehöhe: border-top-width
• solid: Rahmendarstellung border-style
• #ff0: Rahmenfarbe border-color

Beispiel:

H1 {
   border-top: 2px dotted #f00;
}

Zu beachten:
Netscape 4.7x kennt diese Eigenschaft nicht. Entweder Sie nehmen in Kauf, dass Netscape 4.7x-User keinen Rand sehen oder Sie schreiben border-top-width, border-style, und border-color aus.

Erklärung:
Fasst die drei Tags border-right-width, border-style, und border-color für den oberen Rand zusammen.

Werte:

• 5px: Rahmehöhe: border-right-width
• solid: Rahmendarstellung border-style
• #ff0: Rahmenfarbe border-color

Beispiel:

H1 {
   border-right: 2px dotted #f00;
}

Zu beachten:
Netscape 4.7x kennt diese Eigenschaft nicht. Entweder Sie nehmen in Kauf, dass Netscape 4.7x-User keinen Rand sehen oder Sie schreiben border-top-width, border-style, und border-color aus.

Erklärung:
Fasst die drei Tags border-bottom-width, border-style, und border-color für den oberen Rand zusammen.

Werte:

• 5px: Rahmehöhe: border-bottom-width
• solid: Rahmendarstellung border-style
• #ff0: Rahmenfarbe border-color

Beispiel:

H1 {
   border-bottom: 2px dotted #f00;
}

Zu beachten:
Netscape 4.7x kennt diese Eigenschaft nicht. Entweder Sie nehmen in Kauf, dass Netscape 4.7x-User keinen Rand sehen oder Sie schreiben border-bottom-width, border-style, und border-color aus.

Erklärung:
Fasst die drei Tags border-left-width, border-style, und border-color für den oberen Rand zusammen.

Werte:

• 5px: Rahmehöhe: border-left-width
• solid: Rahmendarstellung border-style
• #ff0: Rahmenfarbe border-color

Beispiel:

H1 {
   border-left: 2px dotted #f00;
}

Zu beachten:
Netscape 4.7x kennt diese Eigenschaft nicht. Entweder Sie nehmen in Kauf, dass Netscape 4.7x-User keinen Rand sehen oder Sie schreiben border-left-width, border-style, und border-color aus.

Erklärung:
Fasst die Tags border-style, border-width und border-color zusammen. Alle vier Seiten des Rahmens sehen somit gleich aus.

Werte:

• thin: Rahmehöhe: border-width
• solid: Rahmendarstellung border-style
• #ff0: Rahmenfarbe border-color

Beispiel:

H1 {
   border: thin solid #00ff00;
}