css border is not show although I make it

Question

This is my html code

<div id="vertical-chart-total-calls-statuses" class="chart-holder" style="border:10px #000">
                        <canvas class="overlay" width="478" height="265"></canvas>
                    </div>

I draw the canvas using a library.

My problem is that the div vertical-chart-total-calls-statuses doesn't have a border. why please?

thanks

Answer 1

You have not specified the border-style.

You can use any of the style and it will appear.

Eg :

  border: 10px #000 solid;
  border: 10px #000 dashed;
  border: 10px #000 groove;
  border: 10px #000 inset;
  border: 10px #000 outset;

Etc....

Click here for more details.

Answer 2

You need to specify a type for the border, eg solid, dotted, dashed.

Change your style attribute to border:10px solid #000; and it will work.

Answer 3

Try to add solid

border:10px solid #000

Border-style reference here