Πλάτος Κάθετου Χώρου CSS

Πλάτος Κάθετου Χώρου CSS

border-width Η ιδιότητα καθορίζει την πλάθος των τεσσάρων περιθωρίων.

Η πλάθος μπορεί να ρυθμιστεί σε συγκεκριμένο μέγεθος (με px, pt, cm, em) ή να χρησιμοποιηθεί ένας από τους τρεις προκαθορισμένους τιμές: λεπτός, μέσιος ή χονδρός:

Παράδειγμα

Παρουσίαση διαφορετικών πλάθων περιθωρίου:

p.one {
  border-style: solid;
  border-width: 5px;
}
p.two {
  border-style: solid;
  border-width: μέσιος;
}
p.three {
  border-style: δακτυλιοειδής;
  border-width: 2px;
} 
p.four {
  border-style: δακτυλιοειδής;
  border-width: χονδρός;
}

Ε 결과:

5px border-width

μέσιος border-width

2px border-width

χονδρός border-width

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

Πλάτος συγκεκριμένης πλευράς

border-width Η ιδιότητα μπορεί να οριστεί με μια έως τέσσερις τιμές (για πάνω, δεξιά, κάτω και αριστερά κύματα):

Παράδειγμα

p.one {
  border-style: solid;
  border-width: 5px 20px; /* Πάνω και Κάτω Κύμα 5px, Άλλα Κύματα 20px */
}
p.two {
  border-style: solid;
  border-width: 20px 5px; /* Πάνω και Κάτω Κύμα 20px, Άλλα Κύματα 5px */
}
p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* Πάνω Κύμα 25px, Δεξιά Κύμα 10px, Κάτω Κύμα 4px, Αριστερό Κύμα 35px */
}

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