sWIKI マニュアル Wiki

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• styleプラグインの用意スタイル一覧 へ行く。
  • 1 (2011-09-29 (木) 07:23:35)
  • 2 (2011-10-02 (日) 23:04:34)
  • 3 (2012-04-10 (火) 03:58:59)
  • 4 (2014-11-21 (金) 19:35:16)
  • 5 (2017-11-06 (月) 04:31:04)
  • 6 (2017-11-06 (月) 06:32:37)
  • 7 (2017-11-13 (月) 06:39:45)
  • 8 (2017-11-16 (木) 01:58:43)

#styleプラグイン用に用意されているスタイル一覧です。
使用方法は装飾に記載されています。
スタイルは適時追加されていきます。

メニュー

table

div.dd_greentable table thead tr td {
background-color: #6A8832;
color: white;
}

#style(class=dd_greentable){{
|ヘッダー|ここはtableヘッダー|h
|td|td|
}}

div.dd_greentable table tbody tr td {
background-color: white;
color: black;
}

#style(class=dd_greentable){{
|ヘッダー|ここはtableヘッダー|h
|td|td|
}}

div.dd_bluetable table thead tr td {
background-color: #325488;
color: white;
}

#style(class=dd_bluetable table){{
|ヘッダー|ここはtableヘッダー|h
|td|td|
}}

div.dd_bluetable table tbody tr td {
background-color: white;
color: black;
}

#style(class=dd_bluetable table){{
|ヘッダー|ここはtableヘッダー|h
|td|td|
}}

div.dd_table_noborder table tr td {
border: none;
}

#style(class=dd_table_noborder){{
|ヘッダー|ここはtableヘッダー|h
|td|td|
}}

　#style（）を適用していないテーブル

float

div.dd_floatleft { float: left; margin-right: 4px; }
div.dd_floatright { float: right; margin-left: 4px; }

#style(class=dd_floatleft){{
|ヘッダー|ここは左に表示ヘッダー|h
|td|td|
}}
#style(class=dd_floatright){{
|ヘッダー|ここは右に表示ヘッダー|h
|td|td|
}}
※以下のクリアーを使うことで右寄せが解除される？
#style(class=clearfix){{
#hr
}}

width

div.dd_width200 { width: 200px; }
div.dd_width250 { width: 250px; }
div.dd_width300 { width: 300px; }
div.dd_width350 { width: 350px; }

div.dd_width33par { width: 33%; }
div.dd_width50par { width: 50%; }
div.dd_width66par { width: 66%; }

何の説明もないが表の横幅を固定幅にするプラグインかと思う・・・。

padding

div.dd_padding5 { padding: 5px; }
div.dd_padding10 { padding: 10px; }
div.dd_padding15 { padding: 15px; }

パディング5Px

パディング10Px

パディング15Px

パディング5Px
#style(class=dd_padding5){{
テスト
テスト
テスト
}}
パディング10Px
#style(class=dd_padding10){{
テスト
テスト
テスト
}}
パディング15Px
#style(class=dd_padding15){{
テスト
テスト
テスト
}}

border

div.dd_border000 { border: 1px solid #000; }
div.dd_border444 { border: 1px solid #444; }
div.dd_border888 { border: 1px solid #888; }
div.dd_borderccc { border: 1px solid #ccc; }
div.dd_borderfff { border: 1px solid #fff; }

BGcolor

div.dd_bgcolor000 { background-color: #000; }
div.dd_bgcolor444 { background-color: #444; }
div.dd_bgcolor888 { background-color: #888; }
div.dd_bgcolorccc { background-color: #ccc; }
div.dd_bgcolorfff { background-color: #fff; }

color

div.dd_color000 { color: #000; }
div.dd_color444 { color: #444; }
div.dd_color888 { color: #888; }
div.dd_colorccc { color: #ccc; }
div.dd_colorfff { color: #fff; }

clear

.clearfix hr { border: 0px; }

clear 利用例

#style(class=clearfix){{
#hr
}}

div.paddingKraft{ padding: 25px; }

コメント

このページは凍結される予定が、凍結されてませんでした。
エラーなどのお問い合わせは公式のお問い合わせから宜しくお願い致します。