mozilla

Version 486955 von border-top-width

  • Adressname der Version: CSS/Border-top-width
  • Titel der Version: border-top-width
  • ID der Version: 486955
  • Erstellt:
  • Autor: SJW
  • Aktuelle Version? Nein
  • Kommentar
Schlagwörter: 

Inhalt der Version

{{ CSSRef() }}

Übersicht

Die border-top-width Eigenschaft legt die Breite des oberen Rahmens fest.

  • Standardwert: medium
  • Anwendbar auf: Alle Elemente
  • Vererbbar: Nein
  • Prozentwerte: Nein
  • Medium: visuell
  • berechneter Wert: absolute Länge; 0 wenn none oder hidden festgelegt wurde

Syntax

border-top-width: <Länge> | thin | medium | thick | inherit

Werte

<Länge>
Eine Längenangabe die, die Rahmenstärke explizit angibt. Es sind keine negativen Werte erlaubt.
thin
Eine dünne Rahmenlinie (1px).
medium
Standardwert. Eine mitteldicke Rahmenlinie (3px).
thick
Eine dicke Rahmenlinie (5px).
inherit
Der Wert des Elternelements wird geerbt.

Beispiele

.beispielEins {                      
  border-top-width: 10px;
}

.beispielZwei {
  border-top-width: thin;
}

Browser Kompatibilität

Browser ab Version
Internet Explorer 4.0
Firefox (Gecko) 1.0 (1.0)
Opera 3.5
Safari (WebKit) 1.0 (85)

Spezifikation

Siehe auch

{{ languages( { "en": "en/CSS/border-top-width", "fr": "fr/CSS/border-top-width", "ja": "ja/CSS/border-top-width", "pl": "pl/CSS/border-top-width" } ) }}

Quelltext der Version

<p>{{ CSSRef() }}</p>
<h2 id=".C3.9Cbersicht">Übersicht</h2>
<p>Die <code>border-top-width</code> Eigenschaft legt die Breite des oberen Rahmens fest.</p>
<ul>
 <li>Standardwert: <code>medium</code></li>
 <li>Anwendbar auf: Alle Elemente</li>
 <li>Vererbbar: Nein</li>
 <li>Prozentwerte: Nein</li>
 <li>Medium: visuell</li>
 <li>berechneter Wert: absolute Länge; <code>0</code> wenn <code>none</code> oder <code>hidden</code> festgelegt wurde</li>
</ul>
<h2>Syntax</h2>
<pre class="eval">
border-top-width: &lt;Länge&gt; | thin | medium | thick | inherit
</pre>
<h2>Werte</h2>
<dl>
 <dt>
  &lt;Länge&gt;</dt>
 <dd>
  Eine <a href="/de/CSS/Einheiten#L.c3.a4ngen" title="de/CSS/Einheiten#L.c3.a4ngen">Längenangabe</a> die, die Rahmenstärke explizit angibt. Es sind keine negativen Werte erlaubt.</dd>
 <dt>
  thin</dt>
 <dd>
  Eine dünne Rahmenlinie (1px).</dd>
 <dt>
  medium</dt>
 <dd>
  Standardwert. Eine mitteldicke Rahmenlinie (3px).</dd>
 <dt>
  thick</dt>
 <dd>
  Eine dicke Rahmenlinie (5px).</dd>
 <dt>
  inherit</dt>
 <dd>
  Der Wert des Elternelements wird geerbt.</dd>
</dl>
<h2>Beispiele</h2>
<pre>
.beispielEins {                      
  border-top-width: 10px;
}

.beispielZwei {
  border-top-width: thin;
}
</pre>
<h2>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>Spezifikation</h2>
<ul>
 <li><a class="external" href="http://www.w3.org/TR/css3-background/#border-top-width" lang="en">CSS 3 Background and Borders #border-top-width</a></li>
 <li><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" lang="en">CSS 2.1 Box #border-top-width</a></li>
</ul>
<h2>Siehe auch</h2>
<ul>
 <li><a href="/de/CSS/border-top" title="de/CSS/border-top"><code>border-top</code></a>, <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></li>
 <li><a href="/de/CSS/border-width" title="de/CSS/border-width"><code>border-width</code></a>, <a href="/De/CSS/Border-bottom-width" title="De/CSS/Border-bottom-width"><code>border-bottom-width</code></a>, <a href="/De/CSS/Border-left-width" title="De/CSS/Border-left-width"><code>border-left-width</code></a>, <a href="/De/CSS/Border-right-width" title="De/CSS/Border-right-width"><code>border-right-width</code></a></li>
</ul>
<p>{{ languages( { "en": "en/CSS/border-top-width", "fr": "fr/CSS/border-top-width", "ja": "ja/CSS/border-top-width", "pl": "pl/CSS/border-top-width" } ) }}</p>
Zu dieser Version zurücksetzen