CSS Property Value How to - border: 5px solid #ff0000;

Question

We would like to know how to border: 5px solid #ff0000;.

Answer


<!DOCTYPE html>
<html lang="en">
<head>
<title>Example of CSS border shorthand property</title>
<style type="text/css">
p.one {<!-- ww  w . j  a  v a2  s  .  c  o m-->
  border: 5px solid #ff0000;
}

p.two {
  color: blue;
  border: 5px solid;
}

p.three {
  border: 5px #00ff00;
}
</style>
</head>
<body>
  <p class="one">This is a paragraph.</p>
  <p class="two">The border color of this paragraph is same as the
    text color.</p>
  <p class="three">This paragraph has no border.</p>
</body>
</html>

The code above is rendered as follows: