Adding Quotations using CSS

A very handy tip to add quotations inside another quotation by using lang selector with q selector

Lang selector let us do more then just font-size and color which we did few articles back. Placing quotations using lang selector is what we will focus in this article.

1
2
3
q:lang(en) {
}

Quotation will be taken from the font type we define in lang selector here we picked en.

1
2
3
4
5
q:lang(en) {
             quotes: "«" "»";
}

We have given the quotes property the argument to place double arrow braces.

1
2
3
4
5
q:lang(en) {
             quotes: "«" "»" "'" "'";
}

We can define sub quotations as well, like placing the quotation inside quotation. For it we need to define two extra arguments like we did above.

Example:

1
2
3
4
5
6
7
8
9
<style>
q:lang(en) {
             quotes: "«" "»" "'" "'";
}</style>
<p><q>Quotations can be placed inside another <q>Quotation</q> like this</q></p>

Where the code block is:

1
2
3
4
5
6
7
8
9
<style>
q:lang(en) {
             quotes: "«" "»" "'" "'";
}</style>
<p><q>Quotations can be placed inside another <q>Quotation</q> like this</q></p>


Related posts

Tags: , , ,

No Response

Post your response

Copyright © 2010 - 2014 Handy CSS Designed By Anotix, Powered By WordPress, all right reserved.