Page 7 - CSS
P. 7
Vertically align dynamic height elements 78
Using line-height 79
Centering vertically and horizontally without worrying about height or width 79
The outer container 79
The inner container 79
The content box 79
Demo 80
Centering with fixed size 80
Horizontal centering with only fixed width 81
Vertical centering with fixed height 81
Using margin: 0 auto; 82
Chapter 12: Clipping and Masking 84
Syntax 84
Parameters 84
Remarks 85
Masks: 85
Clip-path: 85
Examples 86
Clipping (Polygon) 86
CSS: 86
HTML: 86
Clipping (Circle) 87
CSS: 87
HTML 87
Clipping and Masking: Overview and Difference 88
Clipping 88
Masking 88
Simple mask that fades an image from solid to transparent 89
CSS 89
HTML 89
Using masks to cut a hole in the middle of an image 90
