CSS Borders

A shorthand property used to specify the individual border properties: border-width, border-style and border-color.

• border-bottom

• border

• border-left

• border-top

Select the correct code.

• h1 {border: 8 px dotted green;}

• h1 {border: 8px dotted solid;}

• h1 {border: 8px dotted #008080;}

Which is the value in the CSS code below?

h1 {border: 29px solid red}

• h1

• { }

• border

• 29px solid red

This code will work.

h2 {border: 80cm solid gold;}

• True

• False

Identify the CSS code use to create this border.

• p {border: 5px solid pink;

  border-radius:25px; }

• p {border: 5px double pink;

  border-radius:25px; }

• p {border: 5px solid pink; }

• p {border: 5px dotted pink;

  border-radius:25px; }

Which CSS code create a white and dotted styled border.

• h3 {border: 10px white pink;}

• h3 {border: 10px dotted gold;}

• h3 {border: 10px white dotted;}

• h3 {border: 10px dotted white;}

Will this code works?

h1 {

border-top: 10px dashed violet;

border-top: 25cm double green;

border-top: 60px white inset;

border-top: 30pt solid red;}

• YES

• NO

You can customize each side of the border.

• TRUE

• FALSE

Which is the correct way to code CSS.

• p {border-left: 10px dotted orange}

• p {border-right: 80px gold red;}

• p {border-right: 80px outset solid;}

• p {border-right: 80px inset silver;}

Which of the property changes the width, style and color of the right border?

• border-top

• border-bottom

• border-right

• border-left