Blockquote Css Properties


Not everybody needs to use blockquotes inside their website. But I feel these are an excellent HTML element for separating quoted or repeated content within blogs or webpages. This basic chunk of CSS offers a default style for your blockquotes so they don’t appear as drab and bland.

Blockquote Css Properties Codes

blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: .5em 10px;
	quotes: "201C""201D""2018""2019";
}

blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: .1em;
	margin-right: .25em;
	vertical-align: -.4em;
}

blockquote p { display: inline; }

Source

Tags: Blockquote Css Example, Blockquote Css Properties, Blockquote Css Blogger, Css Blockquote Quotes Attribute, Add Blockquote Css, Blockquote Box Css, Blockquote Css Code, Blockquote Css Class, Blockquote Css Design, Blockquote Css Default, Css Blockquote Effects, Blockquote Css For Blogger, Styling Blockquote In Css, Css Only Blockquote, Blockquote Css Tricks, Css Blockquote Tutorial

Masum Billah has written 326 articles

Hi I am Md. Masum Billah Contributor of this website. I always like to share various things with other. In this website I am sharing web design related tips and tricks, necessary web development tools, source codes for beginner and advance web developer. You may join with us to help other who want to learn web design and development. Thank you for stay with.

Recommended Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>