このドキュメントでは Skin.ini の書式を解説しています。
詳しくはサンプルの Skin.ini を参照してください。

■スタイルの指定方法

次のような書式のセレクタをINIセクションとして作成することで、要素にス
タイルを適用します。CSS のセレクタを参考にしていますので、CSS の書式が
分かっていると理解しやすいかもしれません。

  要素名.クラス名:状態

例)
  [Window.Main:Active]

クラス名と状態は省略できます。
クラス名を省略した場合には指定された要素すべてにスタイルが適用されます。

また、セレクタをスペースで区切って２つ並べると子孫セレクタになります。
スタイルの適用範囲を、左側の要素内にある右側の要素だけに限定することが
できます。

例)
  [Window:Active Button.Close：Up]

上の例だと「アクティブなウィンドウ内の、押されていない "閉じる" ボタン」
に限ってスタイルが適用されます。

■スタイルの継承
現在、親要素のスタイルが自動的に継承されることはありません。
例えば、次のように２つのスタイルが定義されている場合、[Window.Main] で
定義されていない "Font-Style" プロパティの値が[Window] から継承される
とはありません。

  [Window]
  Font-Color = #000000
  Font-Style = Bold

  [Window.Main]
  Font-Color = #0000FF

本来ならば自動的に継承されなければならないのですが、作者の怠慢により未
だ実装されていません。
スタイルをコピーしたい場合は、Clone キーで明示的に継承元を指定します。

  [Window.Main]
  Clone = Window
  Font-Color = #0000FF

なお、循環参照にならないように注意して下さい。


■スタイルを適用できる要素名一覧
window [:active|:inactive]
  caption
  clientarea
    button [:up|:down|:hot]
    menubar
    tabset
      tabbutton [:active|:inactive]
    scrollbar
      scrollthumb [:up|:down]
      scrollupbutton [:up|:down]
      scrolldownbutton [:up|:down]
  resizegrip

※行頭インデントは各要素の階層構造を表しています。


■システムで定義済みのクラス一覧
window.main             メインウィンドウ
window.chat             会話ウィンドウ
window.notify           通知ウィンドウ

button.close            [閉じる]ボタン
button.max              [最大化]ボタン
button.min              [最小化]ボタン
button.restore          [元のサイズに戻す]ボタン

tabset.top              タブセット上
tabset.bottom           タブセット下
tabset.left             タブセット左
tabset.right            タブセット右

tabbutton.top           タブボタン上
tabbutton.bottom        タブボタン下
tabbutton.left          タブボタン左
tabbutton.right         タブボタン右

■プロパティ一覧
// スタイルのコピー
Clone

// フォント
Font-Color
Font-Family
Font-Style          Bold, Italic, Underline, Strikeout
Font-Size

// テキスト
Text-Align          Left, Center, Right
Padding-Left
Padding-Right
Padding-Top
Padding-Bottom

// ボックス
Border-Style        None, Solid, Dashed, Dotted, Double, Inset, 
                    Outset, Groove, Ridge, Image, System
Border-Width
Border-Color

// 拡張ボーダースタイル（Border-Style = Image の時に有効）
BorderTop-Image
BorderBottom-Image
BorderLeft-Image
BorderRight-Image
BorderTopLeft-Image
BorderTopRight-Image
BorderBottomLeft-Image
BorderBottomRight-Image

// 背景
Background-Color
Background-Image
Background-Mode     Repeat, Repeat-X, Repeat-Y, No-Repeat, Stretch, Right-Bottom
Transparent-Color

// その他
Left
Top
Right
Bottom
Visibility


■色の指定方法
16進数値            #RRGGBB, $BBGGRR
Delphi色定数        clBtnFace, clWindow, clRed, clBlue...


■単位
文字サイズ          ポイント
その他              ピクセル

"pt", "px" などの単位は付加せずに数値のみを指定してください。