Bordo arrotondato CSS

Bordo arrotondato CSS

border-radius Le proprietà sono utilizzate per aggiungere bordi arrotondati agli elementi:

Bordi normali

Bordi arrotondati

Bordi arrotondati

Bordi arrotondati

Esempio

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

Prova tu stesso

Più esempi

Tutte le proprietà del bordo superiore in una dichiarazione
Questo esempio dimostra le proprietà abbreviate, utilizzate per impostare tutte le proprietà del bordo superiore in una singola dichiarazione.
Impostare lo stile del bordo inferiore
Questa esempio dimostra come impostare lo stile del bordo inferiore.
Impostare la larghezza del bordo sinistro
Questo esempio dimostra come impostare la larghezza del bordo sinistro.
Impostare il colore di tutti e quattro i bordi
Questo esempio dimostra come impostare il colore di tutti e quattro i bordi. Può avere da uno a quattro colori.
Impostare il colore del bordo destro
Questo esempio dimostra come impostare il colore del bordo destro.

Tutte le proprietà dei bordi CSS

Proprietà Descrizione
border Proprietà abbreviate, che impostano tutte le proprietà dei bordi in una dichiarazione.
border-color Proprietà abbreviate, che impostano il colore di tutti e quattro i bordi.
border-radius Proprietà abbreviate, che possono impostare tutti e quattro i valori di border-*-radius.
border-style Proprietà abbreviate, che impostano lo stile di tutti e quattro i bordi.
border-width Proprietà abbreviate, che impostano la larghezza di tutti e quattro i bordi.
border-bottom Proprietà abbreviate, che impostano tutte le proprietà del bordo inferiore in una dichiarazione.
border-bottom-color Impostare il colore del bordo inferiore.
border-bottom-style Impostare lo stile del bordo inferiore.
border-bottom-width Impostare la larghezza del bordo inferiore.
border-left Proprietà abbreviate, che impostano tutte le proprietà del bordo sinistro in una dichiarazione.
border-left-color Impostare il colore del bordo sinistro.
border-left-style Impostare lo stile del bordo sinistro.
border-left-width Impostare la larghezza del bordo sinistro.
border-right Proprietà abbreviate, che impostano tutte le proprietà del bordo destro in una dichiarazione.
border-right-color Impostare il colore del bordo destro.
border-right-style Impostare lo stile del bordo destro.
border-right-width Impostare la larghezza del bordo destro.
border-top Proprietà abbreviate, che impostano tutte le proprietà del bordo superiore in una dichiarazione.
border-top-color Impostare il colore del bordo superiore.
border-top-style Impostare lo stile del bordo superiore.
border-top-width Impostare la larghezza del bordo superiore.