クラス スタイルを使った例

K o k i t a

K o k i t a

上記の表にクラススタイルを設定していきます。

表を選択します。
クラス設定からクラスを選択。
表に.title-tb クラスが設定された。

次に、セルを選択します。
クラス設定からセル用のクラスを選択。
セル用に .selmoji クラスが設定された。
残りのセルも選択し、.selmoji クラスを設定する。
表と、セルにクラスが設定された。

例の表は、表属性で
罫線の幅=0  枠く表示=0 になっています。


セルの中の文字の大きさを変更するときは、「スタイルシート マネージャー」画面の.selmoji をダブルクリックし、サイズを変更する。

そうすると、セルの中の文字が同じように変更されます。


セルの背景色は、セルの属性で色々変えられるように、スタイルでは設定していない。
また、文字の色も色々変えられるように設定していない。

● .selmoji スタイルは、クラスのスタイルを作成する と、下ような設定。

・文字色


・レイアウト

● .title-tb  スタイルは、下ような設定。

・レイアウト