HTML <blockquote> タグ

定義と用法

<blockquote> タグが他のソースからの引用の一部を規定します。

ブラウザは通常、 <blockquote> 要素（以下の例を参照してインデントの削除方法を学んでください）。

詳細

<blockquote> タグがブロック引用を定義します。<blockquote> と </blockquote> その間に含まれるすべてのテキストは通常のテキストから分離され、左右にインデント（マージンを増加）され、時にはイタリックで表示されます。つまり、ブロック引用には独自のスペースがあります。

ヒント：使用してください： <q>タグ 行内（短）引用を行うために使用されます。

も参照してください：

HTML DOMリファレンスマニュアル：Blockquoteオブジェクト

例

例1

他のソースからの引用の一部：

<blockquote cite="http://www.worldwildlife.org/who/index.html">
50年間、世界自然保護基金（WWF）は自然の未来を守ってきました。
世界をリードする保護組織であるWWFは、100か国で活動し、アメリカの120万人のメンバーと全世界で約5000万人のサポートを受けています。
</blockquote>

実際に試してみる

例2

blockquote要素のインデントをCSSで削除する：

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>これは世界自然保護基金のウェブサイトに掲載されている引用です：</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
50年間、世界自然保護基金（WWF）は自然の未来を守ってきました。
世界をリードする保護組織であるWWFは、100か国で活動し、アメリカの120万人のメンバーと全世界で約5000万人のサポートを受けています。
</blockquote>
</body>
</html>

実際に試してみる

属性

属性 値 説明
cite URL 参照元を指定します。

グローバル属性

<blockquote> タグは以下のイベント属性をサポートしています HTML でのグローバル属性。

イベント属性

<blockquote> タグは以下のイベント属性をサポートしています HTML でのイベント属性。

デフォルトの CSS 設定

ほとんどのブラウザは以下のデフォルト値で表示します <blockquote> 要素：

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

実際に試してみる

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート