ボタン･矢印･box / list

CSS設定一覧（タイトル､ボックス､ライン､etc）

最終更新：August-2010

タイトル･ボタン

ボックス

背景色･ライン

サブメニュー

使用例

１．ボタンと矢印

（ヘッダー）

.guideHead：ｶﾞｲﾄﾞ：

HTML タグリスト

ｽﾀｲﾙｼｰﾄ リスト

.tagHead ： TAG：

ガイダンス

ｽﾀｲﾙｼｰﾄ リスト

.cssHead ： CSS：

ガイダンス

HTML タグリスト

（タイトル）

.tiTag： TAG page：

.tiCss： CSS page：

.tiTbl： tableメイン：

（subタイトル）

.tiIndx： TAG：

.tiIndx： CSS：

（その他タイトル）

.tiUtile：ユーテル

.tiSmp：サンプル

.tiMemo：メモ

sub_Style.css …

.tiGre： sample

.tiBlu： sample

sub_Style.css …

.exGre： sample

.exBlu： sample

（リンクボタン：１）

TAG：

CSS：

関連 page：

解説L：

ｻﾝﾌﾟﾙ：

（リンクボタン：３）

戻るﾎﾞﾀﾝ：

再生ﾎﾞﾀﾝ：

矢印(Tag)：

矢印(Css)：

（その他のボタン）

ガイド：

矢印：

sample：

ボックス

２．ボ　ッ　ク　ス

（ボックス：１）

.boxTop： <ﾀｸﾞ align="">

.boxTbl：表subMenu：

.boxExam：記述例

.boxNote：注意書き

.boxSub：セキュリティ表示

.boxCom： CSSコメント

.boxClose：閉じる

.boxGryMu：使用例ｶﾞｲﾄﾞ

.boxGryS：使用例のｶﾞｲﾄﾞ

.frameDsp：表示領域

.frameSlv：文字囲い

.boxMebDot：未使用

.boxOrnSol：未使用

（ボックス：２）

注意 #boxNoteUpp：タイトル部

※ memo #boxNoteLow：メモ欄

ヒント #boxHintUpp：タイトル部

※ memo #boxHintLow：メモ欄

参考 #boxTopicUpp：タイトル部

※ memo #boxTopicLow：メモ欄

背景色･ライン

３．背景色･ライン

（背景色）

.BGtListRef：タグMenu、ListHeader

.BGcListRef： cssMenu、ListHeader

.BGtRefIndex：タグリファレンス中見出し

.BGcRefIndex： cssリファレンス中見出し

.bgCye：使用例の記述例欄

.bgCsi：ブラウザの表示欄

.bgCpu：使用例の注釈欄

.bgCre：記述例の見出し行

.bgLaz： CSSの設定例

.bgGry：サブタイトル

（罫線･アンダーライン）

#hrda：罫　線		#barGreSol ： ◇underline（実線）◇
#barGreDas： ◇underline（破線）◇		#barGreDot： ◇underline（点線）◇

（背景ライン）
1) 使用例など

上下の仕切りなど	.bgLineGryX：		.bgLineGryY：
中仕切りなど	.bgLineDasX：		.bgLineDasY：

2) 表示領域

CSS使用例の表示領域に使用

.bgLinePurX：

.bgLinePurY：

3) 仕切り用

メニューなどの仕切りに使用

.bgLineRedX：

.bgLineRedY：

4) 仕切り(横線のみ)

.bgLineWorX：		.bgLineWpuX：
.bgLineWsiX：		.bgLineBluX：

サブメニュー

４．サブメニュー

（サブメニュー）
… 背景色を使用

.sMenu

TAG･CSS ページ：

#uMenu

Utility ページ：

#reMenu

「戻る→」 etc：

… 背景画像を使用

#iBmenu

未使用：

#iGmenu

未使用：

#iYmenu

未使用：

使用例

５．使用例などの罫線

（使用例など）
① 使用例(tag･css)

↓.bgLineGryX

使　用　例		ブラウザの表示

タグpageの使用例 ↓.bgLineDasX		↑.bgLineDasX ←.bgLineDasY ↓.bgLineGryX

☆注釈文

↓.bgLineGryX

設定例： body { 属性: 設定値; } ↓.bgLineWsiX

使　用　例		ブラウザの表示

CSSpageの使用例 .bgLineDasY→ .bgLineGryX↓		↑.bgLineDasX ↓.bgLineDasX

		☆注釈文

② ｻﾝﾌﾟﾙ･記述例

↓.bgLineGryX

使　用　例		ブラウザの表示

ｻﾝﾌﾟﾙpageの使用例		↑.bgLineGryX

（↑中仕切り）		↑.bgLineGryX

.bgLineWsiX↑ （↑段落が変わる場合）		←.bgLineGryY ↓.bgLineGryX

↓.bgLineGryX

記述例 A		記述例 B

記述方法の比較 .bgLineGryX↓		↑.bgLineGryX ←.bgLineGryY

③ 使用例･記載位置


使用例(項目名なし) .bgLineDasY→ .bgLineGryX↓		↑.bgLineGryX ↓.bgLineDasX

		※ 注釈文


タグの記載位置 .bgLineGryX↓		↑.bgLineGryX ←.bgLineDasY