t![]() ![]() |
border - Tabellenrahmen | |||
Befehle | Beschreibung | Wert | Beispiele |
<border> |
Rahmen |
border-width, border-style, border-color | |
<border-style> |
Rahmenart | none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset | |
<border-width> |
Rahmenart |
thin, medium, thick, länge | |
<border-bottom> - <border-left> - <border-right> - <border-top> |
Rahmen unten, links, rechts, oben |
border-bottom-width, border-style, border-color |
|
<border-bottom-color> - <border-left-color> - <border-right-color> - >border-top-color> |
Rahmenfarbe unten, links, rechts, oben |
border-color | |
<border-bottom-style> - <border-left-style> - <border-right-style> - <border-top-style> |
Art des Rahmens unten, links, rechts, oben |
border-style | |
<border-bottom-width> - <border-left-width> - <border-right-width> - <border-top-width |
Rahmenbreite unten, links, rechts, oben |
thin, medium, thick, länge | |
<border-radius> | Die Eigenschaft CSS-Randradius definiert den Radius der Ecken eines Elements.
|
#rcorners3 { border-radius: 25px; background: url(paper.gif); background-position: left top; background-repeat: repeat; padding: 20px; width: 200px; height: 150px; } | |
<border-color> |
Rahmenfarbe |
red,
green, oder hex-dezimal: #ccffcc |
p.one {
border-style: solid;
border-color: red;
}
p.three { border-style: dotted; border-color: blue; } |