Please enable JavaScript.
Coggle requires JavaScript to display documents.
CSS - Coggle Diagram
CSS
CSS Tables
Properties
Table Alignment
text-align
right
center
left
vertical-alignment
Table Style
border-bottom
:hover{bacground-color:}
nth-child(even) {background-color: #f2f2f2;}
background-color
color
Table Size
width
height
Table Borders
border
border-collapse
CSS Padding
Properties
padding-top
padding-right
padding-bottom
padding-left
CSS Borders
Properties
border-style
groove
ridge
double
solid
outset
dashed
none
dotted
hidden
inset
border-width
px
small-medium-large
border-color
HEX
HSL
RGB
border-radius
CSS Align
Properties
align-items
values
baseline
center
flex-end
initial
flex-start
inherit
stretch
unset
text-align
left
right
justify
start
end
inherit
center
initial
unset
text-align-last
right
left
justify
center
auto
inherit
initial
unset
align-content
flex-start
space-around
flex-end
space-between
center
stretch
inherit
initial
unset
align-self
CSS Margins
Properties
margin-top
Values
auto
length
%
inherit
margin-right
margin-bottom
margin-left
CSS Color
Property
color
Values
RGBA Values
HSLA Values
HSL Values
HEX values
RGB Values
CSS Box Model
Properties
padding;
margin;
border
CSS Backgrounds
Properties
background-color
RGB; HSL; HSLA; RGBA; HEX;
background-image
url
background-repeat
repeat-x;
repeat-y;
background-size
background-position
left/right top;
left/right center;
left/right bottom;
background-attachment
fixed
CSS Font
Properties
Font Family
font-family
Helvetica
Arial
Georgia
Times New Roman
font-family
Fantasy
cursive
monospace
sans-serif
Serif
Font Style
font-style
normal
oblique
oblique
font-weight
bold
normal
font-variant
small-caps
normal
Font Size
font-size
em
vw
px
CSS Opacity
Property
opacity
initial
inherit
number
CSS Height/Width
Properties
width
values
length
%
inherit
initial
auto
height
CSS Text
Properties
hyphens
values
none;
manual;
auto;
letter-spacing
length values:
letter-spacing: 0.3em;
letter-spacing: 3px;
letter-spacing: .3px;
line-break
values
line-break: normal;
line-break: loose;
line-break: auto;
line-break: strict;
line-break: anywhere;
line-break: unset;
global values
line-break: revert;
line-break: initial;
line-break: inherit;
hanging-punctuation
values
hanging-punctuation: none;
hanging-punctuation: first;
hanging-punctuation: last;
hanging-punctuation: force-end;
hanging-punctuation: allow-end;
word-spacing
&
text-indent
values
1.length values
text-indent: 3mm;
text-indent: 40px;
2.percentage value:
text-indent: 15%;
word-break
values
word-break: break-all;
word-break: keep-all;
word-break: break-word;
word-break: normal;
tab-size
overflow-wrap
values
overflow-wrap: normal;
overflow-wrap: break-word;
overflow-wrap: anywhere;
text-align
values
text-align: start;
text-align: end;
text-align: left;
text-align: right;
text-align: center;
text-align: justify;
text-align: justify-all;
text-align: match-parent;