Dotted lines på en tablle men inte en annan

1 svar · 204 visningar · startad av Prime_66 21 okt. 2004

Prime_66Medlem sedan aug. 2004290 inlägg

Frågan21 okt. 2004 18:37#1

Jag antar att det jag vill åstadkomma inte är omöjligt men frågan är hur. Om jag vill ha dotted-line på alla tabeller i mitt dokument så kan jag ju i min css skriva:
{table
border-line:dotted
}

men om jag vill ha olika linje-varianter på olika tabeller, hur skriver jag då? Och hur får jag en tabell att använda det skapade alternativet?

Går det inte typ skriva direkt i tabell-deklarationen:
<table width="100%" border="1" borde-style:dotted > ??

Vore ju smidigt.

bossseMedlem sedan juni 2003771 inlägg

21 okt. 2004 18:59#2

Använd klasser, här tabell1 och tabell2.
Bredd o höjd för table är global om inget anna anges i tabell-klassen.

<html> 
<head>
<style type="text/css">
<!-- 
table {width:300px; height:150px;}
.tabell1 
{ 
border-left:1px solid blue;
border-top 1px: dotted red;
border-right:1px double white;
border-bottom:1px dotted blue;
}
.tabell2 
{
border-left:1px solid black;
border-top:1px solid red;
border-right:1px double black;
border-bottom:1px double red;
}
-->
</style>
</HEAD> 
<BODY BGCOLOR="green"> 
<CENTER>
<table class=tabell1>
<TR>
<TD>
</TD>
</TR>
</TABLE>
<BR><BR>
<table class=tabell2>
<TR>
<TD>
</TD>
</TR>
</TABLE>
</BODY> 
</HTML>