Version 117375 von top

  • Adressname der Version: CSS/Top
  • Titel der Version: top
  • ID der Version: 117375
  • Erstellt:
  • Autor: The Witcher
  • Aktuelle Version? Nein
  • Kommentar page created, 109 words added
Schlagwörter: 

Inhalt der Version

Übersicht

Die top Eigentschaft macht eine Angabe zur Position von Elementen.

Für absolut positionierte Elemente (position: absolute und position: fixed) gibt top den Abstand zwischen dem oberen Außenabstand des Elementes und dem oberen Rand des umschließenden Containers an.

Bei relativ positionieren Elementen (position: relative) verschiebt top das Element aus seiner eigentlichen Position nach unten.

Syntax

top: <Höhe> | <Prozent> | auto | inherit

Werte

<Höhe> - eine normale Höhenangabe; kann positiv, null oder negativ sein.

<Prozent> - bezieht sich auf die Höhe (height) des umschließenden Elementes.

auto -

inherit - erbt den Wert für diese Eigenschaft von seinem Elternelement.

Ähnliche Eigenschaften

 

Quelltext der Version

<h3>Übersicht</h3>
<p>Die <span style="font-family: monospace;">top</span> Eigentschaft macht eine Angabe zur Position von Elementen.</p>
<p>Für absolut positionierte Elemente (<code>position: absolute</code> und <code>position: fixed</code>) gibt <span style="font-family: monospace;">top</span><code> </code>den Abstand zwischen dem oberen Außenabstand des Elementes und dem oberen Rand des umschließenden Containers an.</p>
<p>Bei relativ positionieren Elementen (<code>position: relative</code>) verschiebt <code>top</code> das Element aus seiner eigentlichen Position nach unten.</p>
<ul> <li><a class="internal" href="/De/CSS/Standardwert" title="De/CSS/Standardwert">Standardwert</a> : <a class="internal" href="/De/CSS/auto" title="De/CSS/auto">auto</a></li> <li>Anwendbar auf : positionierte Elemente</li> <li>vererbbar : nein</li> <li>Media : <a class="internal" href="/De/CSS/Media/Visuell" title="De/CSS/Media/Visuell">visuell</a></li> <li>Werte : &lt;Höhe&gt;</li>
</ul>
<h3>Syntax</h3>
<p><code>top: &lt;Höhe&gt; | &lt;Prozent&gt; | auto | inherit</code></p>
<h3>Werte</h3>
<p><strong>&lt;Höhe&gt; -</strong> eine normale Höhenangabe; kann positiv, null oder negativ sein.</p>
<p><strong>&lt;Prozent&gt; -</strong> bezieht sich auf die Höhe (<code>height</code>) des umschließenden Elementes.</p>
<p><code>auto</code> -</p>
<p><code>inherit -</code> erbt den Wert für diese Eigenschaft von seinem Elternelement.</p>
<h3>Ähnliche Eigenschaften</h3>
<ul> <li><a class="internal" href="/De/CSS/Right" title="De/CSS/Right">right</a></li> <li><a class="internal" href="/De/CSS/Bottom" title="De/CSS/Bottom">bottom</a></li> <li><a class="internal" href="/De/CSS/Left" title="De/CSS/Left">left</a><a class="internal" href="/De/CSS/Right" title="De/CSS/Right"><br> </a></li>
</ul>
<p> </p>
Zu dieser Version zurücksetzen