streckade tabellkanter.

HTML & CSS

3 svar · 284 visningar · startad av wooster

Medlem sedan mars 20012 635 inlägg
Trådstart#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

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