ZITAT
Allerdings das mit dem Border-Bottom-Line klappt immer noch nicht via CSS.
.blackline {
border-bottom: solid;
border: 1px;
border-bottom-color: #000000;
}
Das kann auch nicht gehen: Du mischst sogenannte Shorthands ('border-bottom' und 'border') mit normalen Eigenschaften ('border-bottom-color').
Shorthands haben folgenden Nebeneffekt: Es werden zuerst
alle Eigenschaften auf ihren Initialwert gesetzt, danach werden erst die Werte der Shorthand ausgewertet (oder anders ausgedrückt: Alle nicht angegebenen Eigenschaften bekommen ihren Initialwert).
In Deinem Fall oben passiert folgendes:
[list] - alle Eigenschaften des unteren Randes werden auf ihre Initialwerte gesetzt, der Stil auf 'solid'
[*]
border: 1px - alle Eigenschaften aller Ränder werden auf ihre Initialwerte gesetzt, die Breite auf 1px
[*]
border-bottom-color: #000000 - das ist eindeutig[list]
Ergebnis: Alle Ränder haben die Breite 1px sowie die Standardfarbe, außer der untere - der ist schwarz.
Aber: Alle Ränder haben nur den Standard-Stil, und der ist
none (genaugenommen ist deswegen auch die Breite eigentlich 0, das spielt hier aber keine Rolle).
Lange Rede, gar kein Sinn: Wenn Du das schon so aufdröseln willst, dann mach es konsequent und benutze keine Shorthands:
QUELLTEXT
.blackline {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #000000;
}
Oder mach es komplett in Kurzform, aber mische es nicht (außer Du weißt genau was passiert und wie Shorthands funktionieren):
QUELLTEXT
.blackline {
border-bottom: 1px solid #000
}
(Auch Werte für Farben lassen sich abkürzen: Statt #RRGGBB kann man auch kurz #RGB schreiben)
Gruß
n!