CSSmap.de - Startseite

eine praxisorientierte interaktive CSS Referenz

Rahmen

border:2px solid #000000;
width:80px;
height:30px;

border:2px dashed #000000;
width:80px;
height:30px;

border:2px dotted #000000;
width:80px;
height:30px;

border-left:4px solid #00A804;
border-top:3px dashed #A81800;
border-right:2px dotted #00A0A8;
border-bottom:none;
width:100px;
height:30px;

border-top:1px solid #000000;
width:106px;
height:0px;

border-top:2px solid #000000;
width:106px;
height:0px;

border-top:3px solid #000000;
width:106px;
height:0px;

border-top:4px solid #000000;
width:106px;
height:0px;

border-top:5px solid #000000;
width:106px;
height:0px;

border-top:6px solid #000000;
width:106px;
height:0px;

border-top:7px solid #000000;
width:106px;
height:0px;

border-top:8px solid #000000;
width:106px;
height:0px;

border-top:9px solid #000000;
width:106px;
height:0px;

border-top:2px solid #000000;
border-right:2px dotted #ffffff;
border-bottom:2px dotted #ffffff;
border-left:2px dotted #ffffff;
height:50px;
width:50px;

border-top:2px dotted #ffffff;
border-right:2px solid #000000;
border-bottom:2px dotted #ffffff;
border-left:2px dotted #ffffff;
height:50px;
width:50px;

border-top:2px dotted #ffffff;
border-right:2px dotted #ffffff;
border-bottom:2px solid #000000;
border-left:2px dotted #ffffff;
height:50px;
width:50px;

border-top:2px dotted #ffffff;
border-right:2px dotted #ffffff;
border-bottom:2px dotted #ffffff;
border-left:2px solid #000000;
height:50px;
width:50px;

border-top:2px solid #000000;
border-right:2px dotted #ffffff;
border-bottom:2px solid #000000;
border-left:2px dotted #ffffff;
height:50px;
width:50px;

border-top:2px dotted #ffffff;
border-right:2px solid #000000;
border-bottom:2px dotted #ffffff;
border-left:2px solid #000000;
height:50px;
width:50px;

border-top:2px solid #000000;
border-right:2px solid #000000;
border-bottom:2px dotted #ffffff;
border-left:2px dotted #ffffff;
height:50px;
width:50px;

border-top:2px dotted #ffffff;
border-right:2px dotted #ffffff;
border-bottom:2px solid #000000;
border-left:2px solid #000000;
height:50px;
width:50px;

border-top:2px solid #000000;
border-right:2px dotted #ffffff;
border-bottom:2px dotted #ffffff;
border-left:2px solid #000000;
height:50px;
width:50px;

border-top:2px dotted #ffffff;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
border-left:2px dotted #ffffff;
height:50px;
width:50px;

border-top:2px solid #000000;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
border-left:2px dotted #ffffff;
height:50px;
width:50px;

border-top:2px dotted #ffffff;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
border-left:2px solid #000000;
height:50px;
width:50px;

.
Maus über ein Objekt bewegen, um dessen CSS-Code zu sehen.
Eigenschaft Info Vererbbar Werte
Allgemein
<div style="border:10px solid #9999ff; padding:20px;">
	Ein richtig fetter Rahmen (massiv, hellblau)...
</div>
Ein richtig fetter Rahmen (massiv, hellblau)...
Schnell-Info auf der Karte Dokumentation border
Rahmen Nein Werte für border-width, border-style, border-color; inherit
<div style="border-width:10px; border-style:solid; border-color:#000000; background-color:#bbbbbb; height:80px;">
	Ein 10px fetter Rahmen...
</div>
Ein 10px fetter Rahmen...
Schnell-Info auf der Karte Dokumentation border-width
Rahmenbreite Nein X, Länge, inherit
<div style="border-style:dashed; border-width:2px; border-color:#000000; background-color:#bbbbbb; height:80px;">
	Ein schwarzer gestrichelter Rahmen...
</div>
Ein schwarzer gestrichelter Rahmen...
Schnell-Info auf der Karte Dokumentation border-style
Rahmenstil Nein none, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit
<div style="border-color:#0000ff; border-style:solid; border-width:2px; background-color:#bbbbbb; height:80px;">
	Ein blauer Rahmen...
</div>
Ein blauer Rahmen...
Schnell-Info auf der Karte Dokumentation border-color
Rahmenfarbe Nein X, Farbcode
Oben
<div style="border:0px; border-top:10px solid #000000; background-color:#bbbbbb;">
	Ein richtig fetter oberer Rahmen (massiv, schwarz)...
</div>
Ein richtig fetter oberer Rahmen (massiv, schwarz)...
Schnell-Info auf der Karte Dokumentation border-top
Rahmen (oben) Nein Werte für border-top-width, border-top-style, border-top-color
<div style="border-top-color:#0000ff; border-top-style:solid; background-color:#ffffff; padding:10px;">
	Der Rahmen oben ist blau
</div>
Der Rahmen oben ist blau
Schnell-Info auf der Karte Dokumentation border-top-color
Rahmenfarbe (oben) Nein X, Farbcode
<div style="border-top-style:dashed; border-top-color:#0000ff; background-color:#ffffff; padding:10px;">
	Der Rahmen oben ist "dashed"
</div>
Der Rahmen oben ist "dashed"
Schnell-Info auf der Karte Dokumentation border-top-style
Rahmenstil (oben) Nein none, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit
<div style="border-top-width:4px; border-top:solid #0000ff; background-color:#ffffff; padding:10px;">
	Der Rahmen oben ist 4px stark
</div>
Der Rahmen oben ist 4px stark
Schnell-Info auf der Karte Dokumentation border-top-width
Rahmenbreite (oben) Nein X, Länge, inherit
Unten
<div style="border:0px; border-bottom:5px dotted #000000; background-color:#bbbbbb;">
	Ein richtig fetter unterer Rahmen (gepunktet, schwarz)...
</div>
Ein richtig fetter unterer Rahmen (gepunktet, schwarz)...
Schnell-Info auf der Karte Dokumentation border-bottom
Rahmen (unten) Nein Werte für border-bottom-width, border-bottom-style, border-bottom-color
<div style="border-bottom-color:#0000ff; border-bottom-style:solid; background-color:#ffffff; padding:10px;">
	Der Rahmen unten ist blau
</div>
Der Rahmen unten ist blau
Schnell-Info auf der Karte Dokumentation border-bottom-color
Rahmenfarbe (unten) Nein X, Farbcode
<div style="border-bottom-style:dotted; border-bottom-color:#0000ff; background-color:#ffffff; padding:10px;">
	Der Rahmen unten ist "dotted"
</div>
Der Rahmen unten ist "dotted"
Schnell-Info auf der Karte Dokumentation border-bottom-style
Rahmenstil (unten) Nein none, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit
<div style="border-bottom-width:4px; border-bottom:solid #0000ff; background-color:#ffffff; padding:10px;">
	Der Rahmen unten ist 4px stark
</div>
Der Rahmen unten ist 4px stark
Schnell-Info auf der Karte Dokumentation border-bottom-width
Rahmenbreite (unten) Nein X, Länge, inherit
Links
<div style="border:0px; border-left:10px solid #000000; background-color:#bbbbbb; height:80px;">
	Ein richtig fetter linker Rahmen (massiv, schwarz)...
</div>
Ein richtig fetter linker Rahmen (massiv, schwarz)...
Schnell-Info auf der Karte Dokumentation border-left
Rahmen (links) Nein Werte für border-left-width, border-left-style, border-left-color
<div style="border-left-color:#0000ff; border-left-style:solid; background-color:#ffffff; padding:10px;">
	Der Rahmen links ist blau
</div>
Der Rahmen links ist blau
Schnell-Info auf der Karte Dokumentation border-left-color
Rahmenfarbe (links) Nein X, Farbcode
<div style="border-left-style:dotted; border-left-color:#0000ff; background-color:#ffffff; padding:30px;">
	Der Rahmen links ist "dotted"
</div>
Der Rahmen links ist "dotted"
Schnell-Info auf der Karte Dokumentation border-left-style
Rahmenstil (links) Nein none, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit
<div style="border-left-width:4px; border-left:solid #0000ff; background-color:#ffffff; padding:10px;">
	Der Rahmen links ist 4px stark
</div>
Der Rahmen links ist 4px stark
Schnell-Info auf der Karte Dokumentation border-left-width
Rahmenbreite (links) Nein X, Länge, inherit
Rechts
<div style="border:0px; border-right:5px dashed #000000; background-color:#bbbbbb; height:80px;">
	Ein richtig fetter rechter Rahmen (gestrichelt, schwarz)...
</div>
Ein richtig fetter rechter Rahmen (gestrichelt, schwarz)...
Schnell-Info auf der Karte Dokumentation border-right
Rahmen (rechts) Nein Werte für border-right-width, border-right-style, border-right-color
<div style="border-right-color:#0000ff; border-right-style:solid; background-color:#ffffff; padding:10px;">
	Der Rahmen rechts ist blau
</div>
Der Rahmen rechts ist blau
Schnell-Info auf der Karte Dokumentation border-right-color
Rahmenfarbe (rechts) Nein X, Farbcode
<div style="border-right-style:dashed; border-right-color:#0000ff; background-color:#ffffff; padding:30px;">
	Der Rahmen rechts ist "dashed"
</div>
Der Rahmen rechts ist "dashed"
Schnell-Info auf der Karte Dokumentation border-right-style
Rahmenstil (rechts) Nein none, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit
<div style="border-right-width:4px; border-right:solid #0000ff; background-color:#ffffff; padding:10px;">
	Der Rahmen rechts ist 4px stark
</div>
Der Rahmen rechts ist 4px stark
Schnell-Info auf der Karte Dokumentation border-right-width
Rahmenbreite (rechts) Nein X, Länge, inherit
X


© 2008 Franz Bruckhoff
Alle Rechte Vorbehalten. Verlinken ist cool, kopieren aber nicht.
Alle auf dieser Internet-Plattform zitierten Texte, Abbildungen, Warenzeichen, Produkt- und Firmennamen sowie Logos Dritter sind das Alleineigentum der jeweiligen Eigentümer. Der Betreiber übernimmt keine Haftung für den Inhalt verlinkter externer Internetseiten. Die Informationen auf dieser Seite erheben keinen Anspruch auf Richtig- und Vollständigkeit. Irrtümer vorbehalten. Nutzung auf eigene Gefahr.
Level A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0 CSS ist valide! Valid XHTML 1.0 Transitional