Erklärung:
Bestimmt die Breite des oberen Rands.

Werte:

• thin: dünne Linie
• medium: mittlere Linie (Voreinstellung)
• thick: dicke Linie
• 5px: beliebige Zahl plus Größenangabe

Beispiel:

H1 {
   border-top-width: thin;
}

Zu beachten:
Wollen Sie nur einer (oder weniger als allen) der vier Seiten eines Elements einen Rand geben, sollten Sie alle anderen (bzw. denen die freibleiben) mit border-bottom-widht: 0px; den Rand nehmen, da alle außer Netscape 4.7 den Standard korrekt interpretieren und eine mittlere Linie nehmen.

Erklärung:
Bestimmt die Breite des rechten Rands.

Werte:
Siehe border-top-width

Beispiel:

H1 {
   border-right-width: thin;
}

Zu beachten:
Siehe border-top-width

Erklärung:
Bestimmt die Breite des unteren Rands.

Werte:
Siehe border-top-width

Beispiel:

H1 {
   border-bottom-width: thin;
}

Zu beachten:
Siehe border-top-width

Erklärung:
Bestimmt die Breite des linken Rands.

Werte:
Siehe border-top-width

Beispiel:

H1 {
   border-right-width: thin;
}

Zu beachten:
Siehe border-top-width

Erklärung:
Fasst die vier Tags border-top-width, border-right-width, border-bottom-width, border-left-width zusammen.

Werte:
thin, medium, thick, beliebe Zahl plus Größenangabe

• eine Angabe: alle vier Seiten nehmen sie an
• zwei Angaben: oben und unten nehmen die erste Angabe an, links und rechts die Zweite
• drei Angaben: erste Angabe für oben, zweite Angabe für rechts und links, dritte Angabe für unten
• vier Angaben: erste Angabe für oben, zweite Angabe für rechts, dritte Angabe für unten, vierte Angabe für links

Beispiel:
Rahmendicke für oben, rechts, unten, links

border-width: 10px;                /* 10px 10px 10px 10px */
border-width: 10px 20px;           /* 10px 20px 10px 20px */
border-width: 10px 20px 30px;      /* 10px 20px 20px 30px */
border-width: 10px 20px 30px 40px; /* 10px 20px 30px 40px */