スポンサード リンク
p要素
文章を書く時に使う段落です
cssでスタイルを指定すると文章を段落ごとに区切って読みやすくできます
デフォルトのスタイルではp要素とp要素の間に1行分のスペースが空きます
使い方(書式)
<p></p>
p要素
対応ブラウザ | |
要素の種類 | ブロック要素 |
内容となる要素 | インライン要素、テキスト |
属性 | 説明 |
共通属性 | 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倍にする */
実際の表示
テキスト