CSS の寸法
サイズプロパティを使用すると、要素の高さと幅を制御できます。同様に、行間を広げることもできます。 関連する属性は
height -- 要素の高さを設定します。 line-height -- 行の高さを設定します。 max-height -- 要素の最大高さを設定します。 max-width – 要素の最大幅を設定します。 min-height – 要素の最小の高さを設定します。 min-width – 要素の最小幅を設定します。 width – 要素の幅を設定します。
具体的な比較のために HTML と CSS ファイルを書いてみましょう
.p1{ line-height: normal; width: 400px;
}.p2{ line-height: 50%; width: 400px;
}.p3{ line-height: 200%; width: 400px;
}レンダリングは次のとおりです:
CSS サイズ プロパティ
CSS サイズ プロパティを使用すると、要素の高さと幅を制御できます。行間を広げることもできます。
新しいファイル
<html>
<head>
<style type="text/css">
p.small
{
line-height: 10px
}
p.big
{
line-height: 30px
}
</style>
</head>
<body>
<p>
这是拥有标准行高的段落。
在大多数浏览器中默认行高大约是 20px。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
</p>
<p class="small">
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
</p>
<p class="big">
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
</p>
</body>
</html>
プレビュー
Clear
- おすすめコース
- コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
このコースを視聴した生徒はこちらも学んでいます
