What is the equivalent of border="1" in CSS for table?

Question

I would like to use the CSS equivalent of border="1" through an equivalent stylesheet definition.

The border-width and border-style applies for the table but the cell borders which are given by border="1" are missing out.

Entomophilous

Already answered a similar question in this topic -> #11189505 – Eponym

Answer 1

So this should be an easy answer but when you use CSS table and td its doesn't quite match border="1" 100% (But its very close)

My way uses this:

table { 
        border: 1px outset grey;
        padding: 1px 
  }

td { 
            border: thin inset grey;
            margin: 1;
    }

Agnomen

Answer 2

Apply it to the td elements instead of table element.

Manipular

Made this for my own answer, but you gave the answer before me, so: jsfiddle.net/mB594 – Rolling

Answer 3

CSS

td { border: solid 1px #PlaceColorHere }

Haugh

Thank you. But I can not directly override TD because there are other definitions of it in the page which will be in jeopardy. KayKay's suggestion worked. – Entomophilous

Answer 4

This works for me:

    table {
        border-width: 2px;
        border-style: groove;
    }
    td {
        border-width: 2px;
        border-style: inset;
    }

Sibling

Answer 5

If you have some tables which want internal borders and some which don't, to differentiate, create a class "border1". The html changes to :

<table class="border1">

and add css :

.border1, .border1 th, .border1 td
{
    border: 1px solid black
}

which creates a border for the table as well as the cells inside.

Hispidulous

Answer 6

  border-collapse: collapse;

cf. https://www.w3schools.com/css/css_table.asp

Compte