webForumDet fria alternativet
Logga in / Bli medlem

streckade tabellkanter.

HTML & CSS

3 svar · 268 visningar · startad av wooster

Medlem sedan mars 20012 635 inlägg
Frågan#1

streckade tabellkanter. går det att få? och i så fall hur.

Medlem sedan feb. 20012 412 inlägg
#2

Hej, med attributet dotted i CSS. Lite exempel direkt från W3C:

Using solution 2 (set the yellow on child elements of the cells): 

body { background: pink }
table { border: none }
td { border: 5pt green dotted(8pt,0.8) }
td p { background: yellow }

Using solution 3 (table background is used for borders): 

body { background: pink }
table { border: none }
td { border: 5pt green dotted(8pt.0.8) }
td { background: yellow }

Using Dave's model: 

body { background: pink }
table {
    rules: all;
    rule-style: dotted;
    rule-color: green;
    rule-width: 5pt
}
td {
    margin: 2pt;
    background: yellow
}

http://www.w3.org/Style/Tables/examples.html

Medlem sedan mars 20012 635 inlägg
#3

det vill inte funka för mej :( .

Medlem sedan aug. 2000359 inlägg
#4

Hmm, kollade upp länken, men exakt vad menas med dotted(8pt,0.8) egentligen?
Känner till attributet dotted, men inte att det gick att skicka parametrar till det. Hur som helst så får jag inte det att funka verken i Mozilla eller i Explorer.

BTW, enklaste sättet att få sträckade borders är att skriva t ex
border: 3px dashed #000080

256 ms totalt · 4 externa anrop · v20260731065814-full.fc66e30b
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)