Manipolare i bordi delle celle in una tabella utilizzando solo in linea css

Question

Ho bisogno di modificare le proprietà del bordo di una tabella che ho creato, ma sto operando dietro un sistema di gestione dei contenuti che non mi consente di modificare il fogli di stile, solo l'HTML della pagina.

Quindi sono in grado di modificare alcune proprietà della tabella utilizzando <table style="....">, ma quando utilizzo l'attributo border, interessa solo il bordo esterno e non il bordo che esiste tra le singole celle.

Ovviamente è possibile aggiungere regole HTML al tag <table>, ad esempio <table border="1px"> ma queste non sovrascrivono il foglio di stile esterno che influenza il bordo, quindi ho bisogno di una soluzione CSS in linea.

È l'unico modo per modificare realmente il bordo tra celle per aggiungere manualmente una proprietà di bordo a ogni td o ho perso qualcosa?

Grazie per il vostro aiuto,

Answer 1

"è l'unico modo per cambiare il confine inter-cellulare davvero aggiungere manualmente una proprietà border ad ogni td ...?"

Sì.

A meno che non si può aggiungere un tag di stile:

<style> 
table td {...} 
</style> 

Naturalmente, c'è sempre JavaScript. jQuery:

$('table td').css('border', '1px solid red'); 

Answer 2

Dal momento che è possibile utilizzare HTML è possibile inserire un foglio di stile e indirizzare gli td elementi.
Si dovrebbe aggiungere una classe per evitare di rovinare altre tabelle nella pagina

<table class="some-class">.. 

e

<style type="text/css"> 
    table.some-class td{ 
     border:1px solid black; 
    } 
</style>