Style

Assistant

Startseite
Screenshot
Kurzanleitung
Download
Kurse & Infos
>Tipps & Tricks<
Unterstützer
TMXtensions
?Freeware!
About TM
E-Mail
Made with CSS
Valid HTML 4.01!
Stand: 07.12.2002

Tipps & Tricks – Tipp 46
Zur Übersicht

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.