Meja - CSS-triki

borderLastnost je okrajšava sintakso v CSS, ki sprejme več vrednosti za risanje črte okoli element se uporablja za.

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

Vrednote

borderLastnost sprejema enega ali več od naslednjih vrednosti v kombinaciji:

border: || || 

• border-width: Določa debelino obrobe.
  • : Številčna vrednost izmerjena v px, em, rem, vhin vwenote.
  • thin: Ekvivalent 1px
  • medium: Ekvivalent 3px
  • thick: Ekvivalent 5px
• border-style: Določa vrsto črte, narisane okoli elementa, vključno z:
  • solid: Trdna, neprekinjena črta.
  • none (privzeto): črta ni narisana.
  • hidden: Črta je narisana, vendar ni vidna. to je lahko priročno za dodajanje malo dodatne širine elementu brez prikaza obrobe.
  • dashed: Vrstica, ki je sestavljena iz pomišljajev.
  • dotted: Črta, ki je sestavljena iz pik.
  • double: Okoli elementa sta narisani dve črti.
  • groove: Doda pošev, ki temelji na vrednosti barve, na način, da je element videti pritisnjen v dokument.
  • ridge: Podobno kot groove, vendar barvne vrednosti obrne tako, da je element videti dvignjen.
  • inset: V vrstico doda deljeni ton, zaradi katerega je element videti nekoliko potlačen.
  • outset: Podobno kot inset, vendar barve obrne tako, da je element videti nekoliko dvignjen.
• color: Določa barvo obrobe in sprejema ,, , , , , 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.

Chrome	Safari	Firefox	Opera	IE	Android	iOS
Kaj	Kaj	Kaj	3,5+	4+	Kaj	Kaj

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. #####