more docs

docs/examples/styles/border.py

@@ -8,7 +8,7 @@ class BorderApp(App):
         background: white;
     }
     Screen > Static {
-        height:5;
+        height: 5;
         content-align: center middle;
         color: white;
         margin: 1;
@@ -23,7 +23,6 @@ class BorderApp(App):
         background: green 20%;
         color: green;
         border: dashed green;
-
     }
     #static3 {
         background: blue 20%;

docs/examples/styles/box_sizing.py

@@ -0,0 +1,32 @@
+from textual.app import App
+from textual.widgets import Static
+
+
+class BoxSizingApp(App):
+    CSS = """
+    Screen {
+        background: white;
+        color: black;
+    }
+    Static {
+        background: blue 20%;
+        height: 5;
+        margin: 2;
+        padding: 1;
+        border: wide black;
+    }
+    #static1 {       
+        box-sizing: border-box;
+    }
+    #static2 {        
+        box-sizing: content-box;
+    }
+
+    """
+
+    def compose(self):
+        yield Static("Hello, World!", id="static1")
+        yield Static("Hello, World!", id="static2")
+
+
+app = BoxSizingApp()

docs/examples/styles/outline.py

@@ -0,0 +1,31 @@
+from textual.app import App
+from textual.widgets import Static
+
+
+TEXT = """I must not fear.
+Fear is the mind-killer.
+Fear is the little-death that brings total obliteration.
+I will face my fear.
+I will permit it to pass over me and through me.
+And when it has gone past, I will turn the inner eye to see its path.
+Where the fear has gone there will be nothing. Only I will remain."""
+
+
+class OutlineApp(App):
+    CSS = """
+    Screen {
+        background: white;
+        color: black;
+    }
+    Static {
+        margin: 4 8;
+        background: green 20%;
+        outline: wide green;
+    }
+    """
+
+    def compose(self):
+        yield Static(TEXT)
+
+
+app = OutlineApp()