Reputation: 57

CSS border won't show on webpage, inspect element says "invalid property value"?

Found a similar question here

Border won't show despite appearing in inspect element

Answer is to change it from

border: 20px solid red

border-right: 20px solid red

Well that didnt do anything for me.

I tried top left bottom and right. Nothing showed.

body {
    border:20px solid #bdc3ct;
    max-width: 700px;
    width: 80%;
    margin:20px auto;
    padding:20px;
    font-family: 'Source Code Pro', monospace;

}

However, this works.

h2 {
    color: #2c3e50;
    text-transform: capitalize;
    border:20px solid red;
}

I can get a red border to show around my heading but I cant get a grey border to show around my body.

Supposed to look like this. Everything contained within the border.

The border around the heading works, but no grey border. Inspect element shows in the bottom right corner "invalid property value"

Upvotes: 0

Answers (4)

Ehsan

Reputation: 12959

I search in google and don't found color with code #bdc3ct.

use of other code, for example #ccc.

body {
    border:20px solid #ccc;
    max-width: 700px;
    width: 80%;
    margin:20px auto;
    padding:20px;
    font-family: 'Source Code Pro', monospace;

}

One of best site for select color is Here

Upvotes: 0

Rohit Verma

Reputation: 3785

Border color code is not working

body {
    border:20px solid #333;
    max-width: 700px;
    width: 80%;
    margin:20px auto;
    padding:20px;
    font-family: 'Source Code Pro', monospace;
}

Upvotes: 1