プロパティ | インラインフレームの変更 |
---|---|
width: 横の大きさ指定 pxまたは%指定; height: 縦の大きさ指定 pxまたは%指定; | インラインフレームの大きさを指定する |
border: 太さ(px) 色指定 solid ; | インラインフレームを実線に変更する |
border: 太さ(px) 色指定 double; | 二重の線に変更する |
border: 太さ(px) 色指定 groove; | 谷型の線に変更する |
border: 太さ(px) 色指定 ridge ; | 山型の線変更する |
border: 太さ(px) 色指定 rinset ; | 凹型の線に変更する |
border: 太さ(px) 色指定 dotted ; | 点線に変更する |
border: 太さ(px) 色指定 dashed ; | 破線に変更する |
インラインフレームのレイアウト | プロパティ |
---|---|
vertical-align:baseline; | インラインフレームの下端と、親要素のベースラインを揃える (初期値) |
vertical-align:top; | インラインフレームの上端と、行の上端を揃える |
vertical-align:middle; | インラインフレームの中心と、親要素のx文字の中心を揃える |
vertical-align:bottom; | インラインフレームの下端と、行の下端を揃える |
vertical-align:text-top; | インラインフレームの上端と、親要素のフォントの上端を揃える |
vertical-align:text-bottom; | インラインフレームの下端と、行の下端を揃える |
vertical-align:数値+単位(px 等); | 任意の位置に揃える (正の値は上方向、負の値は下方向に移動) |
vertical-align:パーセント; | 任意の位置に揃える (正の値は上方向、負の値は下方向に移動) |
インラインフレームのフロート(浮動化)を指定する | float: ###; |
インラインフレームの周囲にマージンを入れる | margin: [上下左右のpx指定]; margin:[上下] [左右]; margin: [上][左右][下]; margin: [上][右][下][左]; |
float: none; | 回り込みを解除しない (初期値) |
float: left; | 左フロートに対する回り込みを解除 |
float: right; | 右フロートに対する回り込みを解除 |
margin: pxまたは%指定; | どちらの回り込みも解除 |
プロパティ | インラインフレームの背景変更 |
---|---|
background-color: 色指定; | インラインフレームの背景色を指定する |
background-image: url(画像URLの指定); | インラインフレームの背景に画像を使う |
margin: [上下左右のpx指定]; margin:[上下] [左右]; margin: [上][左右][下]; margin: [上][右][下][左]; | インラインフレーム内のマージンを指定する |