Page 1 of 1

[SOLVED] Border Outset

Posted: Wed Jun 16, 2021 2:18 am
by paulp575
Trying to set a table with border outset (HTML 5 using CSS).

My code:

Code: Select all

    *.TABLE-BORDER-5PX-OUTSET
    {
      BORDER: solid 5px #000000;
      BORDER-STYLE: outset;
    }
HTML validator is displaying the following CSS Multiple Definition:
The "border" shorthand property and the "border-style" property (with only one value) have both been used. The "border" shorthand property already defines the following properties: "border-style", "border-color", and "border-width". Therefore, the "border-style" property has been defined twice. Consider using only the "border" shorthand property.
According to the W3Schools website, the following is correct:
div {
border-style: outset;
border-color: coral;
border-width: 7px;
}
I tried putting outset on the same line as "Border: solid 5px 000000; but that causes the outset to disappear.

Re: Border Outset

Posted: Wed Jun 16, 2021 12:14 pm
by Albert Wiersch
Hello,

Instead of:

Code: Select all

      BORDER: solid 5px #000000;
      BORDER-STYLE: outset;
CSS HTML Validator is suggesting:

Code: Select all

      BORDER: outset 5px #000000;
Does that work?