English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo bottom CSS specifica l'offset del margine inferiore dell'elemento posizionato rispetto al margine inferiore del riquadro dell'elemento di riferimento o della finestra del browser.
PerPosizionato in modo assolutoElemento, l'attributo bottom specifica la distanza di offset del margine inferiore del riquadro dell'elemento rispetto al margine inferiore del blocco contenitore.
PerPosizionato in modo relativoElemento, l'attributo bottom specifica l'offset del margine inferiore rispetto al margine inferiore del riquadro dell'elemento (cioè, il riquadro è posizionato in un flusso normale, quindi offsettato da queste proprietà da questa posizione).
La tabella seguente descrive l'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso in script JavaScript.
| Valore predefinito: | auto |
|---|---|
| Applicabile a: | Elemento posizionato |
| Ereditabile: | No |
| Animabile: | Sì.Rifarti a Attributi animazione. |
| Versione: | CSS 2、3 |
| Sintassi JavaScript: | object.style.bottom="50px" |
La sintassi di questa proprietà è la seguente:
bottom: length | percentage | auto | initial | inherit
Ecco un esempio di come utilizzare l'attributo bottom.
p {
position: absolute;
bottom: 150px;
}Prova a vedere‹/›La tabella seguente descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| length | Specificare l'offset come valore di lunghezza espresso in px, pt, cm, em, ecc. È possibile utilizzare valori di lunghezza negativi. |
| percentage | Specificare un offset di percentuale. Calcolato rispetto all'altezza del blocco contenitore dell'elemento. È possibile utilizzare valori di percentuale negativi. |
| auto | Il browser calcola la posizione del margine inferiore. Questo è il valore predefinito. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore dell'attributo bottom dell'elemento padre. |
Compatibilità dei browser per l'attributo bottom; i numeri nella tabella rappresentano la versione minima del browser che supporta l'attributo; tutti i browser mainstream supportano questa proprietà.
|
Ecco alcuni tutorial da consultare:Posizione CSS (position),Strato CSS.