Σύντομη ιδιότητα περιθωρίου CSS

CSS Πύλη - Μικρογραφίες Ιδιοτήτων

όπως δείτε στο προηγούμενο κεφάλαιο, πρέπει να λάβετε υπόψη πολλές ιδιότητες κατά τη διαχείριση των ορίων.

Για να μειώσουμε τον κώδικα, μπορείτε επίσης να καθορίσετε όλες τις μεμονωμένες ιδιότητες των ορίων σε μια ιδιότητα.

border Η ιδιότητα είναι μια συντομευμένη μορφή των παρακάτω ιδιοτήτων των ορίων:

  • border-width
  • border-style（υποχρεωτικό）
  • border-color

παράδειγμα

p {
  border: 5px solid red;
}

Τα αποτελέσματα:

Μερικός κείμενος

Δοκιμάστε το Εξοπλισμό

Μπορείτε επίσης να καθορίσετε όλες τις μεμονωμένες ιδιότητες των κύριων ορίων για μια πλευρά:

αριστερό όριο

p {
  border-left: 6px solid red;
  background-color: lightgrey;
}

Τα αποτελέσματα:

Μερικός κείμενος

Δοκιμάστε το Εξοπλισμό

κάτω όριο

p {
  border-bottom: 6px solid red;
  background-color: lightgrey;
}

Τα αποτελέσματα:

Μερικός κείμενος

Δοκιμάστε το Εξοπλισμό