Αποκλιμάκωση Σηράγματος CSS

Αποκλιμάκωση Σηράγματος CSS

outline-offset Η ιδιότητα προσθέτει χώρο μεταξύ του περιγράμματος του στοιχείου και του περιγράμματος. Ο χώρος μεταξύ του στοιχείου και του περιγράμματος είναι διαφανής.

Το παρακάτω παράδειγμα καθορίζει το περίγραμμα έξω από το περίγραμμα 25px:

Το περίγραμμα της περιόδου αυτής είναι 25px έξω από το περίγραμμα.

παράδειγμα

p {
  margin: 50px;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

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

Το παρακάτω παράδειγμα δείχνει ότι ο χώρος μεταξύ του στοιχείου και του περιγράμματος είναι διαφανής:

Ο περίγραμμα της περιόδου έξω από το περίγραμμα είναι 25px.

παράδειγμα

p {
  margin: 30px;
  background: yellow;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

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

Όλες οι ιδιότητες CSS contour

Ιδιότητα Περιγραφή
outline Σύντομη ιδιότητα, ρυθμίζει το outline-width, outline-style και outline-color σε μια μόνο δήλωση.
outline-color Ρύθμιση χρώματος της οριζόντιας γραμμής.
outline-offset Ορίζει το χώρο μεταξύ της οριζόντιας γραμμής και των άκρων ή των πλαισίων του στοιχείου.
outline-style Ρύθμιση στυλ της οριζόντιας γραμμής.
outline-width Ρύθμιση πλάτους της οριζόντιας γραμμής.