CSS BORDERES

Question 1

css tag for border

Answer 1

part of doc where you gon put the border.border-style:(type of border/values);

p.dotted {border-style: dotted;}

Question 2

CSS border properties

Answer 2

allows you to specify
* width
*style
* color

Question 3

values

Answer 3

• solid
• dotted
• dashed
• double
• inset - shade on top
• outset- shaded part on bottom
• none
• hidden
• groove- shaded part is outsude; 3d
• ridge- shaded part/dark part is inside; 3d
• mix
  ~~~
  border-top-style: dotted;
  border-right-style: solid;
  border-bottom-style: dotted;
  border-left-style: solid;
  ~~~
  or
  border-style: dotted solid double dashed;

Question 4

hierarchy of side widths

Answer 4

for the top border, right border, bottom border,
and the left border

Question 5

border widhts

Answer 5

specifies the
width of the four borders.

Question 6

border width; specific size

Answer 6

in
px, pt, cm, em,

Question 7

border width; pre defined values

Answer 7

thin,
medium, thicc

Question 8

border colors

Answer 8

The border-color property is used to set the color of the four
borders.

border-color: red;

Question 9

border colors; can be set by?

Answer 9

• name (red)
• HEX (#ff0000) HEXADECIMAL VALUE
• RGB (rgb(255,0,0)
• HSL – hsl(0, 100%, 50%)

Question 10

shorthand property

Answer 10

• shortens code
• follows format

border-width
border-style (required)
border-color

border: 5px solid red;

or in 1 syntax only

border-left: 6px solid red;
background-color: lightgrey;

Question 11

rounded border

Answer 11

border : 2px solid red;
border-radius: 5px;

• border1- round
• border2-rounder
• border 3- roundest (almost oval)