diedVIPs

html knowhow

Ränder












Ränder
border border legt den kompletten Rahmen eines Elementes fest.
  • border-width
  • border-style
  • border-color
  • border-bottom
  • border-top
  • border-left
  • border-right
 
border-width border-width gibt die Breite der Rahmen an.
  • <length>
  • thin
  • medium
  • thick
  • inherit
p {border-style: solid; border-width: 5px;}
border-style border-style gibt an, welche Art von Rahmen angezeigt werden soll.
  • none
  • hidden
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
border-image border-image können Sie ein Bild festlegen, das als Rahmen um ein Element verwendet wird.   #borderimg {border: 10px solid transparent; padding: 15px; border-image: url(border.png) 30 round;}
#borderimg {border: 10px solid transparent; padding: 15px; border-image: url(border.png) 30 stretch;}
border-color border-color wird verwendet, um die Farbe der vier Rahmen festzulegen.
  • <color>
  • transparent
  • inherit
p {border-style: solid; border-color: red;}
border-radius Abgerundete Ecken
border-radius wird verwendet, um einem Element abgerundete Ränder hinzuzufügen:
  • <length>
  • <percentage>
p {border: 2px solid red; border-radius: 5px;}
border-top Rahmen oben (allgemein)
  • border-width
  • border-style
  • border-color
  • inherit
 
border-bottom Rahmen unten (allgemein)
  • border-width
  • border-style
  • border-color
  • inherit
 
border-right Rahmen rechts (allgemein)
  • border-width
  • border-style
  • border-color
  • inherit
 
border-left Rahmen links (allgemein)
  • border-width
  • border-style
  • border-color
  • inherit
 
border-bottom-color Rahmenfarbe unten
  • <color>
  • transparent
  • inherit
 
border-bottom-left-radius Abgerundete Ecken unten links
  • <length>
  • <percentage>
 
border-bottom-right-radius Abgerundete Ecken unten rechts
  • <length>
  • <percentage>
 
border-bottom-style Rahmendarstellung unten
  • none
  • hidden
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
 
border-bottom-width Rahmenstärke unten
  • <length>
  • border-width
  • thin
  • medium
  • thick
  • inherit
 
border-collapse Rahmendarstellung in Tabellen
  • collapse
  • separate
  • inherit
 
border-left-color Rahmenfarbe links
  • <color>
  • transparent
  • inherit
 
border-left-style Rahmendarstellung links
  • none
  • hidden
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
 
border-left-width Rahmenstärke links
  • <length>
  • border-width
  • thin
  • medium
  • thick
  • inherit
 
border-right-color Rahmenfarbe rechts
  • <color>
  • transparent
  • inherit
 
border-right-style Rahmendarstellung rechts
  • none
  • hidden
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
 
border-right-width Rahmenstärke rechts
  • <length>
  • border-width
  • thin
  • medium
  • thick
  • inherit
 
border-spacing Abstand von Tabellenzellen
  • <length>
  • inherit
 
border-top-color Rahmenfarbe oben
  • <color>
  • transparent
  • inherit
 
border-top-left-radius Abgerundete Ecken links oben
  • <length>
  • <percentage>
 
border-top-right-radius Abgerundete Ecken oben rechts
  • <length>
  • <percentage>
 
border-top-style Rahmendarstellung oben
  • none
  • hidden
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
 
border-top-width Rahmenstärke oben
  • <length>
  • border-width
  • thin
  • medium
  • thick
  • inherit
 









Kontakt    Datenschutz   Impressum