Att justera kantlinjerna i en tabell är något som inte alltid är nödvändigt. Men vill man, så finns det gott om metoder att
göra det.
border-style
Border-style-elementet anger de fyra kantlinjernas format. Det finns ett antal stilar att välja mellan. Några av
dessa är:
none
solid
double
groove
ridge
inset
outset
Genom border-style-elementet sätts alla fyra kantlinjerna till samma värde. Varje kantlinje kan också sättas enskilt
enligt formatet border-top/bottom/left/right-style.
border-color
Border-color sätter kantlinjens färg. Varje kantlinje kan sättas enskilt med border-top/bottom/left/right-color.
border-width
På samma sätt kan kantlinjebredden sättas med border-width. Även de enskilda kantlinjernas bredd kan sättas. De
värden kantlinjen kan ha är:
thin
medium
thick
eller ett angivet värde
border
Border-elementet är en genväg för att sätta alla ovanstående egenskaper med ett och samma element.
Ex.
<body>
<table style="border: green 10px ridge">
<tr>
<td>
Text
<td>
<tr>
</table>
</body>
Detta ger tabellen en grön ram som är 10 pixlar bred och har stilen "ridge":
