Add stylized quotation marks

2021-05-16 19:53:02 +03:00
parent 71596b8c96
commit d567a85f76
1 changed files with 20 additions and 0 deletions
--- a/snippets/stylized-quotation-marks.md
+++ b/snippets/stylized-quotation-marks.md
@ -0,0 +1,20 @@
+---
+title: Stylized quotation marks
+tags: visual,beginner
+---
+
+Customizes the style of inline quotation marks.
+
+- Use the `quotes` property to customize the characters used for the opening and closing quotes of a `<q>` element.
+
+```html
+<p>
+  <q>Do or do not, there is no try.</q> – Yoda
+</p>
+```
+
+```css
+q {
+  quotes: "“" "”";
+}
+```