横幅を指定 (詳細情報) | |
---|---|
字体 | width:★; |
指定 |
★の部分に下記の「 」内 の効果を指定していきます。
|
効果 | 横幅の長さを指定します。 |
注意 |
padding(中身の余白) と width(横幅) や height(縦幅) を一緒に指定すると、 ブラウザによって幅の取り方がおかしくなります。 |
例1 | <div style="background-color: #faa; width: 130px;">ホームページの素材屋です</div> |
結果 | ホームページの素材屋です |
例2 | <div style="background-color: #afa; width: 60px;">ホームページの素材屋です</div> |
結果 | ホームページの素材屋です |
例3 | <div style="background-color: #aaf; width: 330px; text-align: center;">ホームページの素材屋です</div> |
結果 | ホームページの素材屋です |