CSS-Bottom-Eigenschaft


  Übersetzungsergebnisse:

bottom

Englisch [ˈbɒtəm]

n. Unten; Ende

vt . Den Grund erreichen; das Fundament bauen

CSS-Bottom-EigenschaftSyntax

Funktion: Das Attribut bottom gibt den unteren Rand des Elements an.

Beschreibung: Dieses Attribut definiert den Versatz zwischen der unteren Randgrenze des positionierten Elements und der unteren Grenze seines enthaltenden Blocks. Wenn der Wert der Eigenschaft „position“ „statisch“ ist, hat das Setzen der Eigenschaft „bottom“ keine Auswirkung.

Hinweis: Alle gängigen Browser unterstützen das Bottom-Attribut. Der Attributwert „inherit“ wird in keiner Version von Internet Explorer (einschließlich IE8) unterstützt.

CSS-Bottom-EigenschaftBeispiel

<html>
<head>
<style type="text/css">
img.ex1
{
position:absolute;
bottom:0px;
}
img.ex2
{
position:relative;
bottom:-100px;
}
</style>
</head>
<body>
<img class="ex1" src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" />
<h1>This is a heading</h1>
<img class="ex2" src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" />
</body>
</html>
Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen

Beliebte Empfehlungen

Heim

Videos

Fragen und Antworten