mozilla
Ihre Suchergebnisse

    border

    Übersicht

    Die border Eigenschaft legt den kompletten Rahmen eines Elementes fest und ist eine Kurzform für
    border-color, border-style und border-width. Die Werte der drei Eigenschaften können in beliebiger Reihenfolge angegeben werden.
    Unterschiedliche Einstellungen für den oberen, unteren, linken und rechten Rahmen können nur unter den Kurzformen
    border-bottom, border-top, border-left und border-right festgelegt werden.

    • Standardwert the concatenation of the initial values of its longhand properties:
      • border-width: the concatenation of the initial values of its longhand properties:
        • border-top-width: medium
        • border-right-width: medium
        • border-bottom-width: medium
        • border-left-width: medium
      • border-style: the concatenation of the initial values of its longhand properties:
        • border-top-style: none
        • border-right-style: none
        • border-bottom-style: none
        • border-left-style: none
      • border-color: the concatenation of the initial values of its longhand properties:
        • border-top-color: currentColor
        • border-right-color: currentColor
        • border-bottom-color: currentColor
        • border-left-color: currentColor
    • Anwendbar auf Alle Elemente
    • Vererbt Nein
    • Prozentwerte
    • Medium visuell
    • Berechneter Wert wie die einzelnen Werte der Kurzschreibweise:
      • border-width: wie die einzelnen Werte der Kurzschreibweise:
        • border-bottom-width: is itself a shorthand, applies to the same elements as each of its longhand properties.
        • border-left-width: is itself a shorthand, applies to the same elements as each of its longhand properties.
        • border-right-width: is itself a shorthand, applies to the same elements as each of its longhand properties.
        • border-top-width: is itself a shorthand, applies to the same elements as each of its longhand properties.
      • border-style: wie die einzelnen Werte der Kurzschreibweise:
        • border-bottom-style: is itself a shorthand, applies to the same elements as each of its longhand properties.
        • border-left-style: is itself a shorthand, applies to the same elements as each of its longhand properties.
        • border-right-style: is itself a shorthand, applies to the same elements as each of its longhand properties.
        • border-top-style: is itself a shorthand, applies to the same elements as each of its longhand properties.
      • border-color: wie die einzelnen Werte der Kurzschreibweise:
        • border-bottom-color: is itself a shorthand, applies to the same elements as each of its longhand properties.
        • border-left-color: is itself a shorthand, applies to the same elements as each of its longhand properties.
        • border-right-color: is itself a shorthand, applies to the same elements as each of its longhand properties.
        • border-top-color: is itself a shorthand, applies to the same elements as each of its longhand properties.
    • Animierbar wie die jeweiligen Kurzschreibweisen:
      • border-color: wie die jeweiligen Kurzschreibweisen:
        • border-bottom-color: Ja, als Farbe
        • border-left-color: Ja, als Farbe
        • border-right-color: Ja, als Farbe
        • border-top-color: Ja, als Farbe
      • border-style: Nein
      • border-width: wie die jeweiligen Kurzschreibweisen:
    • Canonical order order of appearance in the formal grammar of the values

    Syntax

    border: <br-width> || <br-style> || <color>
    

    Werte

    <Rahmenbreite>
    Optional. Wenn nichts festgelegt ist, wird medium verwendet. Siehe: border-width.
    <Rahmenstil>
    Erforderlich. Wenn nichts festgelegt ist, wird none verwendet. Siehe: border-style.
    <Rahmenfarbe>
    Optional. Wenn nichts festgelegt ist, wird der Wert der color Eigenschaft des Elements genommen. Siehe: border-color.
    inherit
    Der Wert des Elternelements wird geerbt.

    Beispiele

    Live Beispiel

      border: dashed;           /* gestrichelter Rahmen mit mittlerer Breite und gleicher Farbe wie der Text */
      border: dotted 1.5em;     /* gestrichelt, 1.5em breit, gleiche Farbe wie der Text */
      border: solid red;        /* durchgezogener, roter Rahmen mit mittelgroßer Breite */
      border: solid blue 10px;  /* durchgezogene Linie, blaue Farbe, 10px Breite */
    

    Spezifikation

    Spezifikation Status Argument
    CSS Backgrounds and Borders Module Level 3 Candidate Recommendation Technically removes the support for transparent as it is now a valid <color>; this has no practical influence.
    Though it cannot be set to another value using the shorthand, border does now reset border-image to its initial value (none).
    CSS Level 2 (Revision 1) Recommendation Accepts the inherit keyword. Also accepts transparent as a valid color.
    CSS Level 1 Recommendation  

    Browser Kompatibilität

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Basic support 1.0 1.0 (1.7 or earlier) 4.0 3.5 1.0 (85)
    Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support ? 1.0 (1.9.2) ? ? 1.0

    Siehe auch

    Schlagwörter des Dokuments und Mitwirkende

    Schlagwörter: 
    Mitwirkende an dieser Seite: SJW, fscholz, Michael2402, Jürgen Jeka, Yuichiro
    Zuletzt aktualisiert von: SJW,
    Seitenleiste ausblenden