CSS BORDERES Flashcards
css tag for border
part of doc where you gon put the border.border-style:(type of border/values);
p.dotted {border-style: dotted;}
CSS border properties
allows you to specify
* width
*style
* color
values
- 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;
hierarchy of side widths
for the top border, right border, bottom border,
and the left border
border widhts
specifies the
width of the four borders.
border width; specific size
in
px, pt, cm, em,
border width; pre defined values
thin,
medium, thicc
border colors
The border-color property is used to set the color of the four
borders.
border-color: red;
border colors; can be set by?
- name (red)
- HEX (#ff0000) HEXADECIMAL VALUE
- RGB (rgb(255,0,0)
- HSL – hsl(0, 100%, 50%)
shorthand property
- 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;
rounded border
border : 2px solid red; border-radius: 5px;
- border1- round
- border2-rounder
- border 3- roundest (almost oval)