diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:15 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:15 -0500 |
commit | 4b1a9203c547c019fc5398082ae19a3f3d4c3efe (patch) | |
tree | d4a40e13ceeb9f85479605110a76e7a4d5f3b56b /files/de/web/css/border-left | |
parent | 33058f2b292b3a581333bdfb21b8f671898c5060 (diff) | |
download | translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.tar.gz translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.tar.bz2 translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.zip |
initial commit
Diffstat (limited to 'files/de/web/css/border-left')
-rw-r--r-- | files/de/web/css/border-left/index.html | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/files/de/web/css/border-left/index.html b/files/de/web/css/border-left/index.html new file mode 100644 index 0000000000..f4fb458b27 --- /dev/null +++ b/files/de/web/css/border-left/index.html @@ -0,0 +1,48 @@ +--- +title: border-left +slug: Web/CSS/border-left +tags: + - CSS + - CSS Referenz +translation_of: Web/CSS/border-left +--- +<p>{{ CSSRef() }}</p> +<h3 id="Übersicht">Übersicht:</h3> +<p>Die <code>border-left</code> Eigenschaft legt den linken Rahmen eines Elementes fest und ist eine Kurzform für <br> +<a href="/de/CSS/border-left-color" title="de/CSS/border-left-color"><code>border-left-color</code></a>, <a href="/de/CSS/border-left-style" title="de/CSS/border-left-style"><code>border-left-style</code></a> und <a href="/De/CSS/Border-left-width" title="De/CSS/Border-left-width"><code>border-left-width</code></a>. Die Werte der drei Eigenschaften können in beliebiger Reihenfolge angegeben werden.</p> +<ul> <li>Standardwert: siehe einzelne Eigenschaften</li> <li>Anwendbar auf: Alle Elemente</li> <li>Vererbbar: Nein</li> <li>Prozentwerte: Nein</li> <li>Medium: visuell</li> <li>berechneter Wert: siehe einzelne Eigenschaften</li> +</ul> +<h3 id="Syntax">Syntax</h3> +<pre class="eval">border-left: [ <Rahmenbreite> || <Rahmenstil> || <Rahmenfarbe> ] | inherit +</pre> +<h3 id="Werte">Werte</h3> +<dl> <dt><Rahmenbreite></dt> <dd>Optional. Wenn nichts festgelegt ist, wird <code>medium</code> verwendet. Siehe: <a href="/De/CSS/Border-left-width" title="De/CSS/Border-left-width"><code>border-left-width</code></a>.</dd> <dt><Rahmenstil></dt> <dd>Erforderlich. Wenn nichts festgelegt ist, wird <code>none</code> verwendet. Siehe: <a href="/de/CSS/border-left-style" title="de/CSS/border-left-style"><code>border-left-style</code></a>.</dd> <dt><Rahmenfarbe></dt> <dd>Optional. Wenn nichts festgelegt ist, wird der Wert der <code>color</code> Eigenschaft des Elements genommen. Siehe: <a href="/de/CSS/border-left-color" title="de/CSS/border-left-color"><code>border-left-color</code></a>.</dd> <dt>inherit</dt> <dd>Der Wert des Elternelements wird geerbt.</dd> +</dl> +<h3 id="Beispiele">Beispiele</h3> +<pre>.beispielEins { + border-left: 1px solid #000; +} + +.beispielZwei { + border-left-style: dotted; + border-left: thick green; + + /* Bedeutet das gleiche wie: */ + + border-left-style: dotted; + border-left: none thick green; + + /* border-left-style wird nach Angabe von border-left ignoriert. + Es wird kein linker Rahmen gezeichnet. */ +} +</pre> +<h3 id="Browser_Kompatibilität">Browser <span>Kompatibilität</span></h3> +<table class="standard-table"> <tbody> <tr> <th>Browser</th> <th>ab Version</th> </tr> <tr> <td>Internet Explorer</td> <td>4.0</td> </tr> <tr> <td>Firefox (Gecko)</td> <td>1.0 (1.0)</td> </tr> <tr> <td>Opera</td> <td>3.5</td> </tr> <tr> <td>Safari (WebKit)</td> <td>1.0 (85)</td> </tr> </tbody> +</table> +<h3 id="Spezifikation">Spezifikation</h3> +<ul> <li><a class="external" href="http://www.w3.org/TR/css3-background/#border-left" lang="en">CSS 3 Background and Borders #border-left</a></li> <li><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" lang="en">CSS 2.1 Box #border-left</a></li> +</ul> +<h3 id="Siehe_auch">Siehe auch</h3> +<ul> <li><a href="/de/CSS/border-left-color" title="de/CSS/border-left-color"><code>border-left-color</code></a>, <a href="/de/CSS/border-left-style" title="de/CSS/border-left-style"><code>border-left-style</code></a>, <a href="/De/CSS/Border-left-width" title="De/CSS/Border-left-width"><code>border-left-width</code></a></li> <li><a href="/de/CSS/border-bottom" title="de/CSS/border-bottom"><code>border-bottom</code></a>, <a href="/de/CSS/border-top" title="de/CSS/border-top"><code>border-top</code></a>, <a href="/de/CSS/border-right" title="de/CSS/border-right"><code>border-right</code></a></li> <li><a href="/de/CSS/-moz-border-left-colors" title="de/CSS/-moz-border-left-colors"><code>-moz-border-left-colors</code></a></li> <li><a href="/de/CSS/-moz-border-image" title="de/CSS/-moz-border-image"><code>-moz-border-image</code></a>, <a href="/de/CSS/border-radius" title="de/CSS/-moz-border-radius"><code>-moz-border-radius</code></a></li> +</ul> +<p>{{ languages( { "en": "en/CSS/border-left", "es": "es/CSS/border-left", "fr": "fr/CSS/border-left", "ja": "ja/CSS/border-left", "pl": "pl/CSS/border-left" } ) }}</p> |