Γωνίες Ρομβικής Περιθωρίου CSS

Γωνίες Ρομβικής Περιθωρίου CSS

border-radius Η ιδιότητα χρησιμοποιείται για να προσθέσει γωνιακά περιθώρια στο στοιχείο:

Κανονικό περιθώριο

Ραβδοειδής περιθώριο

Ραβδοειδής περιθώριο

Ραβδοειδής περιθώριο

Παράδειγμα

p {
  border: 2px solid red;
  border-radius: 5px;
}

Προσπαθήστε να το κάνετε προσωπικά

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

Όλες οι ιδιότητες της επάνω γραμμής κρατήματος σε μια διακήρυξη
Αυτή η παράδειγμα δείχνει την εύκολη ιδιότητα, η οποία χρησιμοποιείται για να ρυθμίσετε όλες τις ιδιότητες της επάνω γραμμής κρατήματος σε μια μόνο διακήρυξη.
Ρύθμιση του στυλ της κάτω γραμμής κρατήματος
Αυτή η παράδειγμα δείχνει πώς να ρυθμίσετε το στυλ της κάτω γραμμής κρατήματος.
Ρύθμιση πλάτους της αριστεράς κλίμακας
Αυτό το παράδειγμα δείχνει πώς να ρυθμίσετε το πλάτος της αριστεράς κλίμακας.
Ρύθμιση χρώματος των τεσσάρων πλευρών της κλίμακας
Αυτό το παράδειγμα δείχνει πώς να ρυθμίσετε το χρώμα των τεσσάρων πλευρών της κλίμακας. Μπορεί να έχει ένα έως τέσσερα χρώματα.
Ρύθμιση χρώματος της δεξιάς κλίμακας
Αυτό το παράδειγμα δείχνει πώς να ρυθμίσετε το χρώμα της δεξιάς κλίμακας.

Όλες οι ιδιότητες κλίμακας CSS

Ιδιότητα Περιγραφή
border Μικροσυνάρτηση, ρύθμιση όλων των ιδιοτήτων της κλίμακας σε μια δήλωση.
border-color Μικροσυνάρτηση, ρύθμιση χρώματος των τεσσάρων πλευρών της κλίμακας.
border-radius Μικροσυνάρτηση, ρύθμιση όλων των τεσσάρων border-*-radius ιδιοτήτων σε μια δήλωση.
border-style Μικροσυνάρτηση, ρύθμιση στυλ των τεσσάρων πλευρών της κλίμακας.
border-width Μικροσυνάρτηση, ρύθμιση πλάτους των τεσσάρων πλευρών της κλίμακας.
border-bottom Μικροσυνάρτηση, ρύθμιση όλων των ιδιοτήτων της κάτω κλίμακας σε μια δήλωση.
border-bottom-color Ρύθμιση χρώματος της κάτω κλίμακας.
border-bottom-style Ρύθμιση στυλ της κάτω κλίμακας.
border-bottom-width Ρύθμιση πλάτους της κάτω κλίμακας.
border-left Μικροσυνάρτηση, ρύθμιση όλων των ιδιοτήτων της αριστεράς κλίμακας σε μια δήλωση.
border-left-color Ρύθμιση χρώματος της αριστεράς κλίμακας.
border-left-style Ρύθμιση στυλ της αριστεράς κλίμακας.
border-left-width Ρύθμιση πλάτους της αριστεράς κλίμακας.
border-right Μικροσυνάρτηση, ρύθμιση όλων των ιδιοτήτων της δεξιάς κλίμακας σε μια δήλωση.
border-right-color Ρύθμιση χρώματος της δεξιάς κλίμακας.
border-right-style Ρύθμιση στυλ της δεξιάς κλίμακας.
border-right-width Ρύθμιση πλάτους της δεξιάς κλίμακας.
border-top Μικροσυνάρτηση, ρύθμιση όλων των ιδιοτήτων της επάνω κλίμακας σε μια δήλωση.
border-top-color Ρύθμιση χρώματος της επάνω κλίμακας.
border-top-style Ρύθμιση στυλ της επάνω κλίμακας.
border-top-width Ρύθμιση πλάτους της επάνω κλίμακας.