CSS bottom egenskap

Definition och användning

bottom-attributet definierar elementets nedre kant. Detta attribut definierar avståndet mellan elementets nedre marginalbrytpunkt och innehållsblockets nedre kant.

Kommentar:Om värdet för "position"-egenskapen är "static", har inställningen av "bottom"-egenskapen ingen effekt.

Beskrivning

För static-element är det auto; för längdvärden är det motsvarande absoluta längden; för procentvärden är det det specificerade värdet; annars är det auto.

För element definierade relativt, om både bottom och top är auto, är deras beräknade värden båda 0; om en av dem är auto, tas den motsatta värdet av den andra; om båda inte är auto, tas bottom värdet av top med negativt tecken.

Se också:

CSS kurs:CSS positionering

HTML DOM referenshandbok:bottom-attributet

Exempel

Sätt bildens nedre kant 5 pixlar ovanför elementets nedre kant:

img
  {
  position:absolute;
  bottom:5px;
  }

Prova själv

CSS syntax

bottom: auto|length|initial|inherit;

Egenskapsvärde

Värde Beskrivning
auto Standardvärde. Positionen för basen beräknas av webbläsaren.
% Ställ in elementets nedre kantposition i procent av elementets höjd. Negativa värden kan användas.
length Använd enheter som px, cm för att ställa in elementets nedre kantposition. Negativa värden kan användas.
inherit Definierar att bottom-attributets värde ska inhämtas från föräldrelementet.

Tekniska detaljer

Standardvärde: auto
Inheritans: no
Version: CSS2
JavaScript syntax: object.style.bottom="50px"

Mer exempel

Använd pixlvärden för att ställa in bildens nedre kant
Detta exempel visar hur man använder pixlvärden för att ställa in bildens nedre kant.
Använd procentvärden för att ställa in bildens nedre kant
Detta exempel visar hur man använder procentvärden för att ställa in bildens nedre kant.

Webbläsarstöd

Tal i tabellen anger den första webbläsare som helt stöder detta egenskap.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0