diff options
Diffstat (limited to 'files/de/web/css/border-top/index.html')
-rw-r--r-- | files/de/web/css/border-top/index.html | 98 |
1 files changed, 98 insertions, 0 deletions
diff --git a/files/de/web/css/border-top/index.html b/files/de/web/css/border-top/index.html new file mode 100644 index 0000000000..4724a57ad7 --- /dev/null +++ b/files/de/web/css/border-top/index.html @@ -0,0 +1,98 @@ +--- +title: border-top +slug: Web/CSS/border-top +tags: + - CSS + - CSS Referenz +translation_of: Web/CSS/border-top +--- +<p>{{ CSSRef() }}</p> +<h2 id="Übersicht">Übersicht:</h2> +<p>Die <code>border-top</code> Eigenschaft legt den oberen Rahmen eines Elementes fest und ist eine Kurzform für<br> + <a href="/de/CSS/border-top-color" title="de/CSS/border-top-color"><code>border-top-color</code></a>, <a href="/de/CSS/border-top-style" title="de/CSS/border-top-style"><code>border-top-style</code></a> und <a href="/De/CSS/Border-top-width" title="De/CSS/Border-top-width"><code>border-top-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> +<h2 id="Syntax">Syntax</h2> +<pre class="eval">border-top: [ <Rahmenbreite> || <Rahmenstil> || <Rahmenfarbe> ] | inherit +</pre> +<h2 id="Werte">Werte</h2> +<dl> + <dt> + <Rahmenbreite></dt> + <dd> + Optional. Wenn nichts festgelegt ist, wird <code>medium</code> verwendet. Siehe: <a href="/De/CSS/Border-top-width" title="De/CSS/Border-top-width"><code>border-top-width</code></a>.</dd> + <dt> + <Rahmenstil></dt> + <dd> + Erforderlich. Wenn nichts festgelegt ist, wird <code>none</code> verwendet. Siehe: <a href="/de/CSS/border-top-style" title="de/CSS/border-top-style"><code>border-top-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-top-color" title="de/CSS/border-top-color"><code>border-top-color</code></a>.</dd> + <dt> + inherit</dt> + <dd> + Der Wert des Elternelements wird geerbt.</dd> +</dl> +<h2 id="Beispiele">Beispiele</h2> +<pre>.beispielEins { + border-top: 1px solid #000; +} + +.beispielZwei { + border-top-style: dotted; + border-top: thick green; + + /* Bedeutet das gleiche wie: */ + + border-top-style: dotted; + border-top: none thick green; + + /* border-top-style wird nach Angabe von border-top ignoriert. + Es wird kein oberer Rahmen gezeichnet. */ +} +</pre> +<h2 id="Browser_Kompatibilität">Browser <span>Kompatibilität</span></h2> +<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> +<h2 id="Spezifikation">Spezifikation</h2> +<ul> + <li><a class="external" href="http://www.w3.org/TR/css3-background/#border-top" lang="en">CSS 3 Background and Borders #border-top</a></li> + <li><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" lang="en">CSS 2.1 Box #border-top</a></li> +</ul> +<h2 id="Siehe_auch">Siehe auch</h2> +<ul> + <li><a href="/de/CSS/border-top-color" title="de/CSS/border-top-color"><code>border-top-color</code></a>, <a href="/de/CSS/border-top-style" title="de/CSS/border-top-style"><code>border-top-style</code></a>, <a href="/De/CSS/Border-top-width" title="De/CSS/Border-top-width"><code>border-top-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-left" title="de/CSS/border-left"><code>border-left</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-top-colors" title="de/CSS/-moz-border-top-colors"><code>-moz-border-top-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-top", "fr": "fr/CSS/border-top", "ja": "ja/CSS/border-top", "pl": "pl/CSS/border-top" } ) }}</p> |