|
バナーはダウンロード
してお使い下さい。
リンク集
・ Webの本屋さん
・ 宿泊施設検索
・ 世界のホテル
・ マーケット
・ ファッション雑貨
制作関連
|
■ テキスト
▼
color
»» 文字色を指定する
▼
text-decoration
»» 文字を装飾する
▼
text-transform
»» 大文字・小文字に置換する
▼
line-height
»» 行の高さを設定する
▼
text-align
»» 行揃えを指定する
▼
vertical-align
»» 文字の垂直位置を指定する
▼
text-justify
»» 文字の均等割付を指定する
▼
letter-spacing
»» 文字間隔を指定する
▼
word-spacing
»» 単語間隔を指定する
▼
text-indent
»» １行目にインデントを設定する
▼
white-space
»» 空白や改行をそのまま表示する
▼
white-space
»» 改行しないで表示する
▼
line-break
»» 禁則処理を適用する
▼
word-break
»» 単語内での改行処理を指定する
▼
writing-mode
»» 縦書きで表示する
▼
text-underline-position
»» 縦書きの下線（傍線）位置を指定する
▼
ruby-align / ruby-position
»» ルビの配置を指定する
▼
layout-grid-〜
»» 文字をグリッドにおさめる
▼
layout-grid:
»» グリッドを一括して指定する
■ color 文字色を指定する
color:RGB値
color:キーワード
|
RGB値
|
#rrggbb
|
#に続けて赤「r」緑「g」青「b」のそれぞれの値を00〜ffの１６進数で２桁ずつ、計６桁で指定。
|
|
#rgb
|
#に続けて赤「r」緑「g」青「b」のそれぞれの値を00〜ffの１６進数で２桁ずつ、計３桁で指定。
|
|
rgb(n,n,n)
|
rgbに続く()の中に続けて、赤「r」緑「g」青「b」のそれぞれの値を「,」で区切って１０進数の整数で指定。
|
|
rgb(n%,n%,n%)
|
rgbに続く()の中に続けて、赤「r」緑「g」青「b」のそれぞれの値を「,」で区切ってパーセントで指定。
|
|
キーワード
|
色名で直接指定します。大文字小文字の区別はありません。またWindowsやMacOSが保持しているシステム情報を呼び出して、
システムカラーを使用することもできます。(下表参照）
|
色の指定がされていない場合は、ユーザーのブラウザの設定に従った色が表示されます。
システムカラーのキーワード
|
activeborder
|
アクティブなウィンドウの枠の色
|
|
activecaption
|
アクティブなウィンドウのタイトルバーの色
|
|
appworkspace
|
アプリケーション内のウィンドウの背景色
|
|
background
|
デスクトップの背景色
|
|
buttonface
|
立体的ボタンの表面の色
|
|
buttonhighlight
|
立体的なボタンの光の当たっている面の色
|
|
buttonshadow
|
立体的なボタンの影になってる面の色
|
|
buttontext
|
立体的なボタンのテキストの色
|
|
captiontext
|
タイトルバーのテキストの色
|
|
graytext
|
選択できないテキストの色
|
|
highlight
|
選択している状態の色
|
|
highlighttext
|
選択しているテキストの色
|
|
inactiveborder
|
アクティブでないウィンドウの枠の色
|
|
inactivecaption
|
アクティブでないウィンドウのタイトルバーの色
|
|
inactivecaptiontext
|
アクティブでないウィンドウのタイトルバーのテキストの色
|
|
infobackground
|
ツールチップの背景色
|
|
infotext
|
ツールチップのテキストの色
|
|
menu
|
メニューの背景色
|
|
menutext
|
メニューのテキストの色
|
|
scrollbar
|
スクロールバーの色
|
|
threeddarkshadow
|
立体的に表示される部分の暗い影の色
|
|
threedface
|
立体的に表示される部分の表面の色
|
|
threedhighlight
|
立体的に表示される部分の光の当たっている面の色
|
|
threedlightshadow
|
立体的に表示される部分の明るい影の色
|
|
threedshadow
|
立体的に表示される部分の影の色
|
|
window
|
ウィンドウの背景色
|
|
windowframe
|
ウィンドウのフレームの色
|
|
windowtext
|
ウィンドウのテキストの色
|
|
IE4 |
IE5 |
IE5.5 |
IE6 |
NN4 |
NN4.7 |
N6.2 |
| 色名 |
○ |
○ |
○ |
○ |
○ |
○ |
○ |
| システムカラー |
○ |
○ |
○ |
○ |
× |
× |
○ |
| #rgb |
○ |
○ |
○ |
○ |
○ |
○ |
○ |
| #rrggbb |
○ |
○ |
○ |
○ |
○ |
○ |
○ |
| rgb(n,n,n) |
○ |
○ |
○ |
○ |
○ |
○ |
○ |
| rgb(n%,n%,n%) |
○ |
○ |
○ |
○ |
○ |
○ |
○ |
|
ＬＩＮＫ
ＨＴＭＬの基礎
ホームページ作成の基礎知識について解説。ＨＴＭＬタグの辞書としても使えます。
コマンドプロンプト
コマンドプロンプト・ＤＯＳの関係についての解説やコマンドの目的別辞書。Windowsをもっと便利に。
ＸＭＬ
初心者でもわかるＸＭＬの基礎講座。ＸＭＬを使用した文書を作成しながらＸＭＬの基礎を学ぶ。
配色の話
色は印象を決定付ける重要な要素。彩度や明度の関係・色彩の基礎知識について掲載。
|
HTMLやCSSなどの知識がなくても選ぶだけでサイトが完成。掲示板やカート他、機能も豊富です。
