Was ist eine Rahmenecke?
Wie kann man eine Ecke bei einem Textrahmen in CSS abrunden? .textmitrundemrahmen {border-radius: 20px;}
ELLIPTISCH:
.textmitelliptischemrahmen {border-radius: 10px;20px;}
Die meisten Browser stellen es dar.
Im obigen Beispiel bekommen alle vier Ecken die gleichen Rundungen.
border-radius: 20px;: Die Rundung wird mit der Pixel-Angabe (px) gewählt.
border-radius: 10px;20px;: Zwei Pixelangaben: Die erste Zahl steht für den horizontalen, die zweite für den vertikalen Wert.
Unterschiedliche Ecken macht man so:
Befehle für Eckenpaare: „border-top-radius“ (oben) / „border-bottom-radius“ (unten) / „border-left-radius“ (links) / „border-right-radius“ (rechts)
Befehle für einzelne Ecken: „border-top-left-radius“ (oben links) / „border-top-right-radius“ (oben rechts) / „border-bottom-left-radius“ (unten links) / „border-bottom-right-radius“ (unten rechts).
Bei Problemen im Internet Explorer nutzt man das HTC-Script „border-radius.htc“.
Browserspezifische Angaben:
"-moz-border-radius" (Mozilla Firefox)
"-webkit-border-radius" (Safari und Google Chrome)
"-kthml-border-radius" (Safari und Konqueror)
"-o-border-radius" (Opera bis 9.x)
zu meinen persönlichen Favoriten hinzufügen! 0
Definition
abrunden
verwenden
