輝々凛々

ガンバるってことは、素晴らしい事だ。

[CSS] blockquoteでcite属性値の表示

contentプロパティ

blockquoteは、他のサイトからの引用文などを示すときに使います。うちのブログでは、そのスタイルを以下のようなCSSで設定しています(今日から)。

blockquote[cite]:after {
	content: attr(cite);
	display: block;
	font-size: small;
	font-family: consolas,monospace;
	text-align: right;
}

こうすると、引用もとのアドレスが表示されるので便利です。が、これリンクにならないものかなぁ・・・。

ちなみに、blockquoteを段落を下げるために使っちゃダメです。blockquoteの目的に反しているので検索エンジンのことを考えるとダメな感じです。

関連記事

ツッコミの投稿


(ツッコミ非公開の場合はチェック)