CSS2の視覚系に関するプロパティについて、ホームページ・ビルダーでの対応を記しています。V11とV10までとは若干対応プロパティが異なりますので、気をつけてください。
| プロパティ | 対応 | 指定タブ | 指定方法 |
|---|---|---|---|
| color | OK | 色と背景 | 前景色 |
| background-color | OK | 色と背景 | 背景色 |
| background-image | OK | 色と背景 | 背景画像-ファイル |
| background-repeat | OK | 色と背景 | 背景画像-属性-繰り返し |
| background-positon | OK | 色と背景 | 背景画像-水平方向・垂直方向 |
| background-attachment | OK | 色と背景 | 背景画像-属性-貼り込み方 |
| background | NG | なし | なし |
| プロパティ | 対応 | 指定タブ | 指定方法 |
|---|---|---|---|
| font-family | OK | フォント | 使用するフォント |
| font-size | OK | フォント | サイズ |
| font-weight | OK | フォント | 文字の属性-太さ |
| font-style | OK | フォント | 文字の属性-スタイル |
| font-variant | OK | フォント | 文字の属性-変形 |
| font-stretch | NG | なし | なし |
| font-size-adjust | NG | なし | なし |
| font | NG | なし | なし |
| プロパティ | 対応 | 指定タブ | 指定方法 |
|---|---|---|---|
| line-height | OK | 文字のレイアウト | 行間 |
| text-align | OK | 文字のレイアウト | 水平方向の配置 |
| vertical-align | OK | 文字のレイアウト | 垂直方向の配置 |
| text-decoration | OK | フォント | 文字飾り |
| letter-spacing | OK | 文字のレイアウト | 文字間 |
| word-spacing | OK | 文字のレイアウト | ワード間 |
| text-transform | OK | フォント | 文字の属性-変換 |
| text-indent | OK | 文字のレイアウト | インデント |
| white-space | NG | なし | なし |
| text-shadow | NG | なし | なし |
| プロパティ | 対応 | 指定タブ | 指定方法 |
|---|---|---|---|
| margin-top margin-bottom margin-left margin-right |
OK | レイアウト | マージン |
| margin | NG | なし | なし |
| padding-top padding-bottom padding-left padding-right |
OK | レイアウト | パディング |
| padding | NG | なし | なし |
| border-top-color border-bottom-color border-left-color border-right-color |
OK | レイアウト | 方向を指定し、 ボーダー-色 |
| border-color | OK | レイアウト | 4方向とも同じ値を指定し、 ボーダー-色 |
| border-top-width border-bottom-width border-left-width border-right-width |
OK | レイアウト | 方向を指定し、 ボーダー-幅 |
| border-width | OK | レイアウト | 4方向とも同じ値を指定し、 ボーダー-幅 |
| border-top-style border-bottom-style border-left-style border-right-style |
OK | レイアウト | 方向を指定し、 ボーダー-スタイル |
| border-style | OK | レイアウト | 4方向とも同じ値を指定し、 ボーダー-スタイル |
| border-top border-bottom border-left border-right |
NG | なし | なし |
| border | NG | なし | なし |
| width | OK | 位置 | 配置-幅 |
| min-width max-width |
NG | なし | なし |
| height | OK | 位置 | 配置-高さ |
| min-height max-height |
NG | なし | なし |
V11では、displayプロパティとoverflowプロパティに対応しています。
| プロパティ | 対応 | 指定タブ | 指定方法 |
|---|---|---|---|
| float | OK | 位置 | 属性-回り込み |
| clear | OK | 位置 | 属性-回り込み解除 |
| display | OK | 位置 | 属性-表示 |
| position | OK | 位置 | 属性-位置 |
| top,bottom left,right |
一部 OK |
位置 | left:左、top:上 |
| z-index | OK | 位置 | 優先順位 |
| overflow | OK | 位置 | はみ出した場合の処理 |
| clip | NG | なし | なし |
| visibility | OK | 位置 | 属性-見え方 |
| direction | NG | なし | なし |
| unicode-bidi | NG | なし | なし |
| プロパティ | 対応 | 指定タブ | 指定方法 |
|---|---|---|---|
| float | OK | 位置 | 属性-回り込み |
| clear | OK | 位置 | 属性-回り込み解除 |
| display | NG | なし | なし |
| position | OK | 位置 | 属性-位置 |
| top,bottom left,right |
一部 OK |
位置 | left:左、top:上 |
| z-index | OK | 位置 | 優先順位 |
| overflow | NG | なし | なし |
| clip | NG | なし | なし |
| visibility | OK | 位置 | 属性-見え方 |
| direction | NG | なし | なし |
| unicode-bidi | NG | なし | なし |
V11ではテーブルに関する指定が行えるようになっています。
| プロパティ | 対応 | 指定タブ | 指定方法 |
|---|---|---|---|
| list-style-type | OK | リスト | リストマークのタイプ |
| list-style-image | OK | リスト | リストマークの画像 |
| list-style-position | OK | リスト | リストマークの位置 |
| list-style | NG | なし | なし |
| marker-offset | NG | なし | なし |
| table-layout | OK | テーブル | テーブルの表示方法 |
| border-collapse | OK | テーブル | 内罫線の表示方法 |
| border-spacing | OK | テーブル | セル間隔(上下、左右別々指定可能) |
| empty-cells | OK | テーブル | 空白セルの罫線表示 |
| caption-side | OK | テーブル | 表題の表示位置 |
| content | NG | なし | なし |
| quotes | NG | なし | なし |
| counter-increment | NG | なし | なし |
| counter-reset | NG | なし | なし |
| outline-color | NG | なし | なし |
| outline-width | NG | なし | なし |
| outline-style | NG | なし | なし |
| outline | NG | なし | なし |
| cursor | OK | その他 | カーソル |
| プロパティ | 対応 | 指定タブ | 指定方法 |
|---|---|---|---|
| list-style-type | OK | リスト | リストマークのタイプ |
| list-style-image | OK | リスト | リストマークの画像 |
| list-style-position | OK | リスト | リストマークの位置 |
| list-style | NG | なし | なし |
| marker-offset | NG | なし | なし |
| table-layout | NG | なし | なし |
| border-collapse | NG | なし | なし |
| border-spacing | NG | なし | なし |
| empty-cells | NG | なし | なし |
| caption-side | NG | なし | なし |
| content | NG | なし | なし |
| quotes | NG | なし | なし |
| counter-increment | NG | なし | なし |
| counter-reset | NG | なし | なし |
| outline-color | NG | なし | なし |
| outline-width | NG | なし | なし |
| outline-style | NG | なし | なし |
| outline | NG | なし | なし |
| cursor | OK | その他 | カーソル |