p要素

TOPページに戻る > html入門

スポンサード リンク

p要素

文章を書く時に使う段落です
cssでスタイルを指定すると文章を段落ごとに区切って読みやすくできます デフォルトのスタイルではp要素とp要素の間に1行分のスペースが空きます

使い方(書式)

<p></p>

p要素

対応ブラウザ ie6 ie7 ie8 ie9 ie10 ie11 google Chrome safari fire fox opera
要素の種類 ブロック要素
内容となる要素 インライン要素、テキスト

属性 説明
共通属性 html共通属性
イベント属性 htmlイベント属性

実際の指定方法

html

<p class="hoge">テキスト</p>
デザインなどスタイルはcssで指定します

css

文字の配置

.hoge { text-align: center; } /* センター寄せ */
.hoge2 { text-align: left; } /* 左寄せ */
.hoge3 { text-align: right; } /* 右寄せ */

行間

.hoge4 { line-height: 1.4; } /* 行の高さをデェフォルトの高さの1.4倍にする */

文字の大きさ

.hoge5 { font-size: 1.4em;  } /* 文字の大きさをデェフォルトの大きさの1.4倍にする */

その他のデザインはcssでスタイルを指定

実際の表示

テキスト





(C)2012 ホームページ作成無料