Porno Webmaster

Zellen Eigenschaften zu bestimmen ist eine der wichtigsten Aufgaben. Hier wird gezeigt wie man Zellen stylen kann.

Wenn man eine gestrichelte Linie um seine Zellen haben will nimmt man diesen CSS Code:

td.dashed {
background-color: silver;
border-top-width:2px;
border-top-style:dashed;
border-bottom-width:2px;
border-bottom-style:dashed;
border-right-width:2px;
border-right-style:dashed;
border-left-width:2px;
border-left-style:dashed;
border-color: black;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
width: 130px;
height: 25px;
}

Beispiel für Dashed Style

Wenn man eine durchgehende Linie um seine Zelle haben möchte sollte man diesen Code benutzen:

td.solid {
background-color: silver;
border-top-width:2px;
border-top-style:solid;
border-bottom-width:2px;
border-bottom-style:solid;
border-right-width:2px;
border-right-style:solid;
border-left-width:2px;
border-left-style:solid;
border-color: black;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
width: 130px;
height: 25px;
}

Beispiel für Solid Style

Wer lieber eine gepunktete Linie für seine Zellen benutzen möchte sollte das probieren:

td.dotted {
background-color: silver;
border-top-width:2px;
border-top-style:dotted;
border-bottom-width:2px;
border-bottom-style:dotted;
border-right-width:2px;
border-right-style:dotted;
border-left-width:2px;
border-left-style:dotted;
border-color: black;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
width: 130px;
height: 25px;
}

Beispiel für Dotted Style

Man kann auch eine doppelt gestrichelte Linie für sein Layout verwenden:

td.double {
background-color: silver;
border-top-width:2px;
border-top-style:double;
border-bottom-width:2px;
border-bottom-style:double;
border-right-width:2px;
border-right-style:double;
border-left-width:2px;
border-left-style:double;
border-color: black;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
width: 130px;
height: 25px;
}

Beispiel für Double Style