# Textrahmen in CSS abrunden • Praxislexikon

Rahmenecke

Definition
abrunden
verwenden

Was ist eine Rahmenecke?

Wie kann man eine Ecke bei einem Textrahmen in CSS abrunden?

    RUND:
    .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)
    
PHP Code Snippets Powered By : XYZScripts.com

  

Immunsystem stärken
Immunsystem stärken. Deine Verteidigung.
Schlafen, Essen, Bewegung, kein Stress, Liebe, Vorbeugung