46.
Neue CSS-Border-Properties in Netscape 6 / Mozilla (04.01.2001)
Auch die neuen Versionen Netscape 6 bzw. Mozilla 0.6 warten zur Abwechslung mit neuen (proprietären) CSS-Eigenschaften auf. Es handelt sich um Definitionen zur Rahmenformatierung,
speziell um die Realisierung von abgerundeten Ecken für Blockelemente. Diese Eigenschaften werden als "negative Border-Radien" bezeichnet und z. B. mit Pixelwerten versehen. Man kann für
alle Ecken gemeinsame Werte festlegen oder individuelle Vorgaben bezüglich links-oben, rechts-oben, links-unten sowie rechts-unten wählen.
-Moz-Border-Radius
-Moz-Border-Radius-TopLeft
-Moz-Border-Radius-TopRight
-Moz-Border-Radius-BottomLeft
-Moz-Border-Radius-BottomRight
aus Beispiel 46:
.block3
{
Color: #00FF00;
Background-Color: #000000;
Width: 280px;
Height: 150px;
Font-Weight: bold;
Text-Align: center;
Border: 5px solid #00FF00;
-Moz-Border-Radius-BottomLeft: 30px;
-Moz-Border-Radius-BottomRight: 30px;
}
Beispiel 46 zeigt DIVs mit diesen Rahmenformatierungen.
|