{"id":23571,"date":"2017-09-11T18:20:57","date_gmt":"2017-09-11T18:20:57","guid":{"rendered":"http:\/\/www.oracletutoring.ca\/blog\/?p=23571"},"modified":"2017-09-11T18:20:57","modified_gmt":"2017-09-11T18:20:57","slug":"css-quotes","status":"publish","type":"post","link":"https:\/\/www.oracletutoring.ca\/blog\/css-quotes\/","title":{"rendered":"CSS: quotes"},"content":{"rendered":"

Tutoring web design, there are always new features to discover. The tutor mentions the CSS quotes property.<\/h1>\n

Let’s imagine you aren’t satisfied, for whatever reason, with regular quotation marks. For example, instead of<\/p>\n

“I love pink jeans!”<\/p>\n

you want to print<\/p>\n

\u2663<\/span>I love pink jeans!<\/span>\u2663<\/span><\/p>\n

Well, you can set the quotes to the club icon by enclosing the text in a q element, then applying the quotes style:<\/p>\n

<q style=”quotes:’\\2663′ ‘\\2663′”>text in quotes<\/q><\/p>\n

Then, you can achieve the quotation marks you’ve really wanted all along:<\/p>\n

I love pink jeans!<\/span><\/q><\/p>\n

Nifty, eh?<\/p>\n

Source:<\/p>\n

www.w3schools.com<\/a><\/p>\n

Jack of Oracle Tutoring by Jack and Diane,<\/a> Campbell River, BC.<\/p>\n","protected":false},"excerpt":{"rendered":"

Tutoring web design, there are always new features to discover. The tutor mentions the CSS quotes property. Let’s imagine you aren’t satisfied, for whatever reason, with regular quotation marks. For example, instead of “I love pink jeans!” you want to …<\/p>\n

CSS: quotes<\/span> Read More »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1631,837],"tags":[2488,2487],"class_list":["post-23571","post","type-post","status-publish","format-standard","hentry","category-css","category-web-design","tag-css-q-element-to-customize-quotation-marks","tag-css-quotes"],"_links":{"self":[{"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/posts\/23571","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/comments?post=23571"}],"version-history":[{"count":87,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/posts\/23571\/revisions"}],"predecessor-version":[{"id":23670,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/posts\/23571\/revisions\/23670"}],"wp:attachment":[{"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/media?parent=23571"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/categories?post=23571"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/tags?post=23571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}