Esempio
Impostare il bordo inferiore della assoluta posizionato <div> elemento per 70px di sopra del bordo inferiore del suo antenato posizionato più vicino:
div.absolute {
position: absolute;
bottom: 70px;
width: 200px;
height: 100px;
border: 3px solid #8AC007;
}
Prova tu stesso " Definizione e utilizzo
Per gli elementi posizionati in modo assoluto, la proprietà inferiore imposta il bordo inferiore di un elemento ad una unità sopra / sotto il bordo inferiore del suo antenato posizionato più vicino. Nota: Se un elemento posizionato in assoluto non ha antenati posizionati, utilizza il corpo del documento, e si muove insieme a scorrimento della pagina. Nota: Un "positioned" elemento è uno la cui posizione è nulla se non statica.
Per gli elementi posizionati in modo relativo, la proprietà inferiore imposta il bordo inferiore di un elemento ad una unità sopra / sotto della sua posizione normale.
Note: Se "position:static" , la proprietà fondo non ha alcun effetto.
| Valore di default: | auto |
|---|---|
| Inherited: | no |
| animatable: | yes. Read about animatable Try it |
| Versione: | CSS2 |
| sintassi JavaScript: | object .style.bottom="10px" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| bottom | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
CSS Sintassi
bottom: auto|length|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| auto | Consente il browser calcolare la posizione del bordo inferiore. Questa è l'impostazione predefinita | Gioca " |
| length | Imposta la posizione bordo inferiore in px, cm, ecc valori negativi sono consentiti | Gioca " |
| % | Imposta la posizione del bordo inferiore in% di elemento di contenimento. I valori negativi sono consentiti | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
CSS tutorial: Posizionamento CSS
Riferimento CSS: top property
Riferimento CSS: left property
Riferimento CSS: right property
Di riferimento HTML DOM: bottom property