◆スタイル属性の概要◆
本ソフトでは、HTMLのようにタグのスタイル属性を指定することで、その挙動をより詳細に変えることができます。
属性名と値は[コロン]で区切り、値の最後には[セミコロン]を記述します。
複数の値を指定する場合、各値を[半角スペース]もしくは[カンマ]で区切る必要があります。
スタイル属性一覧 | |||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
position: top; position: top right; |
指定したサイズだけ表示位置を移動します。 基本的には対象の表示サイズや、他の表示位置等に影響を与えません。
| ||||||||||||||||
margin: top right bottom left; margin-top: top; margin-right: right; margin-bottom: bottom; margin-left: left; |
上下左右の外側の余白を指定します。 margin: の引数は1〜4個で、省略時の解釈は次のようになります。
| ||||||||||||||||
padding: top right bottom left; padding-top: top; padding-right: right; padding-bottom: bottom; padding-left: left; |
上下左右の内側の余白を指定します。 padding: の引数は1〜4個で、省略時の解釈はmarginと同じです。
| ||||||||||||||||
border: width style color; border-top: width style color; border-right: width style color; border-bottom: width style color; border-left: width style color; |
border: は上下左右の、 border-***: はそれぞれの枠線の線幅、スタイル、色を指定します。
| ||||||||||||||||
border-width: top right bottom left; border-width-top: width; border-width-right: width; border-width-bottom: width; border-width-left: width; |
border-width: は上下左右の、 border-width-***: はそれぞれの枠線の線幅を指定します。 border-width: の引数は1〜4個で、省略時の解釈はmarginと同じです。 値:0〜3 [pixel] | ||||||||||||||||
border-style: top right bottom left; border-style-top: style; border-style-right: style; border-style-bottom: style; border-style-left: style; |
border-style: は上下左右の、 border-style-***: はそれぞれの枠線のスタイルを指定します。 border-style: の引数は1〜4個で、省略時の解釈はmarginと同じです。
| ||||||||||||||||
border-color: top right bottom left; border-color-top: color; border-color-right: color; border-color-bottom: color; border-color-left: color; |
border-color: は上下左右の、 border-color-***: はそれぞれの枠線の色を指定します。(color参照) border-color: の引数は1〜4個で、省略時の解釈はmarginと同じです。 |