initial

joplin notion extension/Web Development/CSS/page rules.md

@@ -0,0 +1,26 @@
+page rules
+
+`@page` rule defines the dimension of the page which is gonna be printed. There are a few important things that should be under control when you want to print a web page those are listed below: The page size, orientation, margins, border, and padding
+```css
+/* Printing */
+page {
+  background: white;
+  display: block;
+  margin: 0 auto;
+  margin-bottom: 0.5cm;
+}
+
+page[size="A4"] {  
+  width: 21cm;
+  height: 29.7cm; 
+}
+
+@page {
+   size: 21cm 29.7cm;
+   padding: 0;
+   margin: 0mm;
+   border: none;
+   border-collapse: collapse;
+}
+/* End Printing */
+```