border-style: none; und border-style: hidden;?Mit border-style: none; kann man Rahmenlinien verschwinden lassen, wie zum Beispiel hier in der mittleren Tabellenzelle.
| Text | Text | Text |
| Text | Text | Text |
| Text | Text | Text |
Mit border-style: hidden; passiert auf den ersten Blick genau das Selbe (funktioniert nicht im Internet Explorer 6).
| Text | Text | Text |
| Text | Text | Text |
| Text | Text | Text |
Wenn die Rahmenlinien der Tabelle aber mit border-collapse: collapse; zusammenfallen, scheint border-style: none; nicht mehr zu funktionieren. Das liegt daran, dass die ausgeblendete Rahmenlinie der mittleren Tabellenzelle durch die der vier umgebenden Tabellenzellen ersetzt wird.
| Text | Text | Text |
| Text | Text | Text |
| Text | Text | Text |
Mit border-style: hidden; verschwinden alle Rahmenlinien, auch die von den umgebenden Tabellenzellen (funktioniert nicht im Internet Explorer 6).
| Text | Text | Text |
| Text | Text | Text |
| Text | Text | Text |
Achtung: Das alles funktioniert nur mit Tabellen. Auf andere Elemente wie zum Beispiel div-Container hat border-collapse: collapse; und damit auch border-style: hidden; keinen Einfluss.