Wie gewohnt nicht für meinen Lieblingspowser IE6-8!
Ab der Version IE9 soll alles besser werden!
Habe jetzt den IE9 und er zeigt jetzt die runden Ecken auch an.
Er zeigt jetzt auch Schatten an aber nur box-shadow kein text-shadow.
Und so sehen die CSS-Deklarationen aus:
Für die guten Browser
/* Für die Webkitpowser */
-webkit-border-radius: 5px;
/* Für die Geckopowser */
-moz-border-radius: 5px;
/* Für die KHTML-powser */
-khtml-border-radius: 5px;
/* Die zukünftige CSS 3.0 Deklaration */
border-radius: 5px;
Natürlich ist es auch möglich nur einzelne Ecken anzusprechen, da man ja nicht unbedingt immer überall runde Ecken haben möchte.
Der reguläre Ausdruck, wie er unter CSS 3.0 verwendet wird baut sich wie folgt auf:
border-top-left-radius
für die linke obere Ecke
border-top-right-radius
für die rechte obere Ecke
border-bottom-left-radius
für die linke untere Ecke
border-bottom-right-radius
für die rechte untere Ecke
Webkit und KHTML spezifisch setzt man die jeweiligen Bezeichnungen -webkit- oder -khtml- vorweg.
Hier unterscheiden sich die Geckopowser.
Die -moz- powser verlangen die Schreibweise wie folgt:
-moz-border-radius-topleft
/* Und hier sind die Deklarationen für die Schatten.
Der erste PX-Wert steht für die Y-Achse, der zweite Wert für die X-Achse und der dritte Wert für die Weichzeichnung des Schattens. Und der letzte Wert ist die Schattenfarbe. */
-webkit-box-shadow: 5px 5px 10px #MeinFarbwert;
-moz-box-shadow: 5px 5px 10px #MeinFarbwert;
box-shadow: 5px 5px 10px #MeinFarbwert;
}Hier einige Anweisungen aus dem neuen CSS 3.0 für Schrift mit Schatten
h5.a {color: blue; text-shadow: black 0.1em 0.1em 0.2em}
camouflage1984
h5.d {text-shadow: 0 0 0.2em #008B00}
camouflage1984
h5.e {text-shadow: 0 0 0.2em #ff8877, 0 0 0.2em #ff8877}
camouflage1984
h5.f {text-shadow: 0 0 0.2em #8877ff, 0 0 0.2em #8877ff,
0 0 0.2em #8877ff}
