Add thorough example for all outlines.

docs/examples/styles/outline_all.css

@@ -0,0 +1,72 @@
+#ascii {
+    outline: ascii $accent;
+}
+
+#blank {
+    outline: blank $accent;
+}
+
+#dashed {
+    outline: dashed $accent;
+}
+
+#double {
+    outline: double $accent;
+}
+
+#heavy {
+    outline: heavy $accent;
+}
+
+#hidden {
+    outline: hidden $accent;
+}
+
+#hkey {
+    outline: hkey $accent;
+}
+
+#inner {
+    outline: inner $accent;
+}
+
+#none {
+    outline: none $accent;
+}
+
+#outer {
+    outline: outer $accent;
+}
+
+#round {
+    outline: round $accent;
+}
+
+#solid {
+    outline: solid $accent;
+}
+
+#tall {
+    outline: tall $accent;
+}
+
+#vkey {
+    outline: vkey $accent;
+}
+
+#wide {
+    outline: wide $accent;
+}
+
+Grid {
+    grid-size: 3 5;
+    align: center middle;
+    grid-gutter: 1 2;
+}
+
+Label {
+    width: 20;
+    height: 3;
+    content-align: center middle;
+    background: red;
+}

docs/examples/styles/outline_all.py

@@ -0,0 +1,26 @@
+from textual.app import App
+from textual.containers import Grid
+from textual.widgets import Label
+
+
+class AllOutlinesApp(App):
+    def compose(self):
+        yield Grid(
+            Label("ascii", id="ascii"),
+            Label("blank", id="blank"),
+            Label("dashed", id="dashed"),
+            Label("double", id="double"),
+            Label("heavy", id="heavy"),
+            Label("hidden/none", id="hidden"),
+            Label("hkey", id="hkey"),
+            Label("inner", id="inner"),
+            Label("none", id="none"),
+            Label("outer", id="outer"),
+            Label("round", id="round"),
+            Label("solid", id="solid"),
+            Label("tall", id="tall"),
+            Label("vkey", id="vkey"),
+            Label("wide", id="wide"),
+        )
+
+app = AllOutlinesApp(css_path="outline_all.css")