Confine - Trucchi CSS

La borderproprietà è una sintassi abbreviata in CSS che accetta più valori per disegnare una linea attorno all'elemento a cui è applicata.

.box ( border: 3px solid red; height: 200px; width: 200px; )

Valori

La borderproprietà accetta uno o più dei seguenti valori in combinazione:

border: || || 

• border-width: Specifica lo spessore del bordo.
  • : Un valore numerico misurato in px, em, rem, vhe vwle unità.
  • thin: L'equivalente di 1px
  • medium: L'equivalente di 3px
  • thick: L'equivalente di 5px
• border-style: Specifica il tipo di linea tracciata attorno all'elemento, inclusi:
  • solid: Una linea continua e continua.
  • none (predefinito): non viene tracciata alcuna linea.
  • hidden: Viene tracciata una linea, ma non visibile. questo può essere utile per aggiungere un po 'di larghezza extra a un elemento senza visualizzare un bordo.
  • dashed: Una linea composta da trattini.
  • dotted: Una linea composta da punti.
  • double: Vengono tracciate due linee attorno all'elemento.
  • groove: Aggiunge una smussatura basata sul valore del colore in modo da far apparire l'elemento premuto nel documento.
  • ridge: Simile a groove, ma inverte i valori del colore in modo da far apparire l'elemento sollevato.
  • inset: Aggiunge un tono di divisione alla linea che fa apparire l'elemento leggermente depresso.
  • outset: Simile a inset, ma inverte i colori in modo da far apparire l'elemento leggermente rialzato.
• color: Specifica il colore del bordo e accetta ,, , , , , currentcolor and

Phew, that’s a lot of values for one little ol’ property! Here’s a demo that illustrates the differences between all of those style values:

See the Pen CSS border by Geoff Graham (@geoffgraham) on CodePen.

Browser Support

You can count on excellent support for the border property across all browsers.

Cromo	Safari	Firefox	musica lirica	IE	Android	iOS
Qualunque	Qualunque	Qualunque	3.5+	4+	Qualunque	Qualunque

Related Properties

What we covered here is specific to the border property, but there are other properties that provide even more options for styling borders.

• border-collapse: Specifies the spacing between borders on the
• border-image: Allows the use of an image to draw the border instead of a solid color.
• border-radius: Provides control for rounded corners.

More Information

• CSS Backgrounds and Borders Module Level 3 Specification
• Understanding border-image
• A Tale of Border Gradients

---




element. #####