[SOLVED] Border Outset

Discussion about CSS related issues.
Post Reply
paulp575
Rank IV - Intermediate
Rank IV - Intermediate
Posts: 110
Joined: Tue Aug 09, 2005 1:20 pm
Location: Spokane WA
Contact:

[SOLVED] Border Outset

Post 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.
Last edited by paulp575 on Wed Jun 16, 2021 11:27 pm, edited 1 time in total.
paulp575
User avatar
Albert Wiersch
Site Admin
Site Admin
Posts: 3612
Joined: Sat Dec 11, 2004 9:23 am
Location: Near Dallas, TX
Contact:

Re: Border Outset

Post 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?
Post Reply