[SOLVED] Border Outset

For general web development questions that are not specifically related to CSS HTML Validator. This includes (but is not limited to) general HTML, CSS, Accessibility, JavaScript, and SEO questions.
Post Reply
paulp575
Rank IV - Intermediate
Posts: 170
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
Posts: 3783
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?
Albert Wiersch, CSS HTML Validator Developer • Download CSS HTML Validator FREE Trial
Post Reply