CSS właściwość bottom

Definicja i użycie

Atrybut bottom określa dolną krawędź elementu. Ta właściwość definiuje offset między dolnym marginesem zewnętrznym elementu a dolną granicą bloku zawierającego go.

Komentarz:Jeśli wartość atrybutu position wynosi "static", ustawienie atrybutu bottom nie ma żadnego efektu.

Wyjaśnienie

Dla elementów statycznych, wartość ustawiana jest na auto; dla wartości długości, odpowiednia wartość absolutna; dla wartości procentowych, wartość określona; w przeciwnym razie, wartość ustawiana jest na auto.

Dla elementów definiowanych względem, jeśli bottom i top są ustawione na auto, ich wartości obliczeniowe są 0; jeśli jeden z nich jest ustawiony na auto, wartość przeciwna jest brana z innego; jeśli oba nie są ustawione na auto, bottom bierze wartość przeciwną do top.

Inne artykuły:

Kurs CSS:CSS umieszczanie

Podręcznik HTML DOM:Atrybut bottom

Przykład

Ustaw dolną krawędź obrazu na 5 pikseli wyżej od dolnej krawędzi zawierającego go elementu:

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

Spróbuj sam

Gramatyka CSS

bottom: auto|length|initial|inherit;

Wartość atrybutu

Wartość Opis
auto Domyślna wartość. Pozycja dołu obliczana jest przez przeglądarkę.
% Ustawianie pozycji dolnej krawędzi elementu w procentach od szerokości zawierającego go elementu. Można używać ujemnych wartości.
length Ustawianie pozycji dolnej krawędzi elementu za pomocą jednostek takich jak px, cm itp. Można używać ujemnych wartości.
inherit Określa, że wartość atrybutu bottom powinna być dziedziczona od elementu nadrzędnego.

Szczegóły techniczne

Domyślna wartość: auto
Inheredność: nie
Wersja: CSS2
Gramatyka JavaScript: object.style.bottom="50px"

Więcej przykładów

Ustawianie dolnej krawędzi obrazu za pomocą wartości pixelowych
Ten przykład pokazuje, jak ustawić dolną krawędź obrazu za pomocą wartości pixelowych.
Ustawianie dolnej krawędzi obrazu za pomocą wartości procentowych
Ten przykład pokazuje, jak ustawić dolną krawędź obrazu za pomocą procentowych wartości.

Wspierane przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

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