サイト内検索  

ホームページ・ビルダーで対応しているCSSプロパティ

CSS2の視覚系に関するプロパティについて、ホームページ・ビルダーでの対応を記しています。V16、V14・15、V11〜V13とV10までとは若干対応プロパティが異なりますので、気をつけてください。

V14以降ではショートハンドプロパティに対応するようになっています。

V16ではCSS3.0のプロパティにも対応するようになりました。ただし、CSS3.0は2012-05-08現在、プロパティについては、W3Cによる正式勧告がされていません。

CSS3.0に関する詳しいことを知りたい方は、以下のリンクを参考に。


色と背景(V14以降)

プロパティと対応(色と背景)
プロパティ 対応 指定タブ 指定方法
color OK 色と背景 前景色
background-color OK 色と背景 背景色
background-image OK 色と背景 背景画像-ファイル
background-repeat OK 色と背景 背景画像-属性-繰り返し
background-positon OK 色と背景 背景画像-水平方向・垂直方向
background-attachment OK 色と背景 背景画像-属性-貼り込み方
background OK 色と背景 スタイルシート詳細設定で設定後、使用可

色と背景(V13まで)

プロパティと対応(色と背景)
プロパティ 対応 指定タブ 指定方法
color OK 色と背景 前景色
background-color OK 色と背景 背景色
background-image OK 色と背景 背景画像-ファイル
background-repeat OK 色と背景 背景画像-属性-繰り返し
background-positon OK 色と背景 背景画像-水平方向・垂直方向
background-attachment OK 色と背景 背景画像-属性-貼り込み方
background NG なし なし

フォント(V14以降)

プロパティと対応(フォント)
プロパティ 対応 指定タブ 指定方法
font-family OK フォント 使用するフォント
font-size OK フォント サイズ
font-weight OK フォント 文字の属性-太さ
font-style OK フォント 文字の属性-スタイル
font-variant OK フォント 文字の属性-変形
font-stretch NG なし なし
font-size-adjust NG なし なし
font OK フォント スタイルシート詳細設定で設定後、使用可

フォント(V13まで)

プロパティと対応(フォント)
プロパティ 対応 指定タブ 指定方法
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 なし なし

ボックス(V14以降)

プロパティと対応(ボックス)
プロパティ 対応 指定タブ 指定方法
margin-top
margin-bottom
margin-left
margin-right
OK レイアウト マージン
margin OK レイアウト スタイルシート詳細設定で設定後、使用可
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
OK レイアウト スタイルシート詳細設定で設定後、使用可
※これらを指定した場合、以下のプロパティ使用不可。
  • border-color
  • border-width
  • border-style
  • border
border OK
レイアウト スタイルシート詳細設定で設定後、使用可
width OK 位置 配置-幅
min-width
max-width
NG なし なし
height OK 位置 配置-高さ
min-height
max-height
NG なし なし

ボックス(V13まで)

プロパティと対応(ボックス)
プロパティ 対応 指定タブ 指定方法
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以降)

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 なし なし

表示と配置(V10まで)

プロパティと対応(表示と配置)
プロパティ 対応 指定タブ 指定方法
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〜V13)

V11ではテーブルに関する指定が行えるようになっています。

プロパティと対応(その他)
プロパティ 対応 指定タブ 指定方法
list-style-type OK リスト リストマークのタイプ
list-style-image OK リスト リストマークの画像
list-style-position OK リスト リストマークの位置
list-style OK リスト スタイルシート詳細設定で設定後、使用可
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 OK
なし スタイルシート詳細設定で設定後、使用可
cursor OK その他 カーソル

その他(V11〜V13)

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 その他 カーソル

その他(V10まで)

プロパティと対応(その他)
プロパティ 対応 指定タブ 指定方法
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 その他 カーソル

CSS3.0(V16) ※対応しているもののみ掲載

プロパティ
-webkit-appearance
-webkit-background-clip
-webkit-background-origin 
-webkit-background-size 
-webkit-border-top-left-radius 
-webkit-border-top-right-radius 
-webkit-border-radius 
-webkit-border-vertical-spacing 
-webkit-box-shadow 
-webkit-box-sizing 
-webkit-text-size-adjust
overflow-x 
overflow-y 
resize 
word-break 
text-shadow 

※-webkit- となっているのはiPhoneやSafari独自のもの。W3Cの勧告候補には、-webkit- がない、border-radiusなどといった形になっている。