Περιγραφή της ιδιότητας bottom του CSS

Ορισμός και χρήση

Η ιδιότητα bottom ορίζει την κάτω άκρη του στοιχείου. Η ιδιότητα καθορίζει την απόκλιση της εξωτερικής μονάδας του στοιχείου από την κάτω άκρη του περιεχομένου του περιβάλλοντος.

Σημείωση:Αν η τιμή της ιδιότητας position είναι "static", η ρύθμιση της ιδιότητας bottom δεν θα έχει καμία επίδραση.

Περιγραφή

Για στοιχεία που ορίζονται ως στατικά, είναι auto; Για τιμές μήκους, είναι η αντίστοιχη αβόλεια τιμή; Για ποσοστιαίες τιμές, είναι η καθορισμένη τιμή; Σε άλλες περιπτώσεις, είναι auto.

Για σχετικά στοιχεία που ορίζονται ως σχετικά, αν τα bottom και top είναι auto, τότε οι τιμές τους είναι και οι δύο 0; Αν το ένα από αυτά είναι auto, τότε η τιμή του άλλου είναι το αντίθετο; Αν και τα δύο δεν είναι auto, η τιμή του bottom θα είναι το αντίθετο της τιμής του top.

Για περισσότερες πληροφορίες:

Εκμάθηση CSS:Προσαρμογή CSS

Εγχειρίδιο HTML DOM:Ιδιότητα bottom

Παράδειγμα

Ρυθμίστε την κάτω γωνία της εικόνας 5 pixel πάνω από την κάτω γωνία του περιεχομένου του στοιχείου που περιέχει την εικόνα:

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

Δοκιμάστε το προσωπικά

Γλώσσα γραφής CSS

bottom: auto|length|initial|inherit;

Τιμή ιδιότητας

Τιμή Περιγραφή
auto Προεπιλεγμένη τιμή. Η θέση του κάτω μέρους υπολογίζεται από το πρόγραμμα περιήγησης.
% Ρυθμίστε τη θέση του κάτω μέρους του στοιχείου ως ποσοστό του περιεχομένου του στοιχείου. Μπορούν να χρησιμοποιηθούν αρνητικές τιμές.
length Ρυθμίστε τη θέση του κάτω μέρους του στοιχείου με μονάδες όπως px, cm κ.λπ. Μπορούν να χρησιμοποιηθούν αρνητικές τιμές.
inherit Ορίζει ότι η τιμή της ιδιότητας bottom πρέπει να προέρχεται από το γονικό στοιχείο.

Τεχνικά λεπτομέρειες

Προεπιλεγμένη τιμή: auto
Εγκατάληψη: no
Έκδοση: CSS2
Γλώσσα γραφής JavaScript: object.style.bottom="50px"

Περισσότερες παραδείξεις

Χρήση τιμής pixel για ρύθμιση της κάτω γωνίας της εικόνας
Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιήσετε την τιμή pixel για να ρυθμίσετε την κάτω γωνία της εικόνας.
Χρήση ποσοστού για ρύθμιση της κάτω γωνίας της εικόνας
Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιήσετε το ποσοστό για να ρυθμίσετε την κάτω γωνία της εικόνας.

Υποστήριξη του προγράμματος περιήγησης

Τα αριθμήματα στη τύχη δείχνουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.

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