-moz-border-left-colors

This is an archived page. It's not actively maintained.

Kein Standard
Diese Funktion entspricht nicht dem Standard und ist nicht Teil der Standardisierung. Diese Funktion darf nicht in Webseiten, die via das Internet zugĂ€nglich sind, benutzt werden: Sie wird nicht fĂŒr alle Nutzer funktionieren. Es kann zu umfangreichen InkompatibilitĂ€ten zwischen verschiedenen Implementierungen kommen und die Funktionsweise oder Eigenschaften könnten in der Zukunft verĂ€ndert werden.

In Mozilla-Anwendungen wie Firefox, setzt die -moz-border-left-colors CSS Eigenschaft eine Liste von Farben fĂŒr den linken Rand.

Wenn ein Element einen Rand hat, der grĂ¶ĂŸer ist als ein einzelner CSS-Pixel, verwendet jede Zeile von Pixeln die nĂ€chste Farbe, die in dieser Eigenschaft angegeben wurde, von außen nach innen. Dies beseitigt die Notwendigkeit von verschachtelten Boxen. Falls der Rand breiter ist als die Anzahl der definierten Farben, wird der verbleibende Teil des Randes in der innersten Farbe gezeichnet.

Initialwertnone
Anwendbar aufalle Elemente
VererbtNein
Medienvisuell
Berechneter Wertwie angegeben
Animationstypdiskret
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

Sie wird nicht angewendet

  1. wenn border-style dashed oder dotted ist.
  2. auf Tabellen mit border-collapse: collapse.

Syntax

/* Einzelner <color> Wert */
-moz-border-left-colors: #f0f0f0;

/* Mehrere <color> Werte */
-moz-border-left-colors: #f0f0f0 #a0a0a0 #505050 #000000;

/* Globale Werte */
-moz-border-left-colors: inherit;
-moz-border-left-colors: initial;
-moz-border-left-colors: unset;

Werte

Akzeptiert eine durch Leerzeichen getrennte Liste von Farbwerten.

<color>
Definiert die Farbe einer Linie von Pixeln des linken Randes. transparent ist gĂŒltig. Siehe <color> Werte fĂŒr mögliche Einheiten.
none
Es werden keine Farben gezeichnet oder border-color verwendet, falls angegeben.

Formale Syntax

<color>+ | none

wobei
<color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>

wobei
<rgb()> = rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )
<rgba()> = rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )
<hsl()> = hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )
<hsla()> = hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue>, <percentage>, <percentage>, <alpha-value>? )

wobei
<alpha-value> = <number> | <percentage>
<hue> = <number> | <angle>

Beispiel

<div id="example">Beispiel</div>
#example {
  padding: 20px;
  background-color: gray;
  border: 10px solid black;
  -moz-border-top-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0;
  -moz-border-right-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0;
  -moz-border-bottom-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0;
  -moz-border-left-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0;
}

Spezifikationen

Diese Eigenschaft ist nicht Teil irgendeiner Spezifikation.

Browser KompatibilitÀt

Wir konvertieren die KompatibilitÀtsdaten in ein maschinenlesbares JSON Format. Diese KompatibilitÀtstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari
Grundlegende UnterstĂŒtzung Nicht unterstĂŒtzt 1.0 (1.7 oder frĂŒher) Nicht unterstĂŒtzt Nicht unterstĂŒtzt Nicht unterstĂŒtzt
Merkmal Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Grundlegende UnterstĂŒtzung Nicht unterstĂŒtzt Nicht unterstĂŒtzt ? Nicht unterstĂŒtzt Nicht unterstĂŒtzt Nicht unterstĂŒtzt

Siehe auch