STYLE属性の適用 | りょうのゲーム塾

りょうのゲーム塾

再開、準備中。

どうしてもタグの属性設定だけでうまく表示できないんでSTYLE属性を使ってみることにしました。
ただし、HPじゃないのでどれだけユーザーの意図にあった効果が得られるかは不明なので一度テストしてみました。
アメブロでのタグ編集モードでは自動的に改行が挿入されてはっきりいってこちらの思いとおりになりません。
下記の画面レイアウトの行間隔を変更するためにFONTタグにスタイル属性(line-height)を適用してみました。

【適用前】
■画面レイアウト

             1111111111222222222233
   01234567890123456789012345678901
  ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
 0┃                                ┃
 1┃                                ┃
 2┃                                ┃
 3┃                                ┃
 4┃                                ┃
 5┃                                ┃
 6┃                                ┃
 7┃                                ┃
 8┃                                ┃
 9┃                                ┃
10┃                                ┃
11┃                                ┃
12┃                                ┃
13┃                                ┃
14┃                                ┃
15┃                                ┃
16┃                                ┃
17┃                                ┃
18┃                                ┃
19┃                                ┃
20┃                                ┃
21┃                                ┃
22┃                                ┃
23┃                                ┃
  ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

【適用後】
■画面レイアウト

             1111111111222222222233
   01234567890123456789012345678901
  ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
 0┃                                ┃
 1┃                                ┃
 2┃                                ┃
 3┃                                ┃
 4┃                                ┃
 5┃                                ┃
 6┃                                ┃
 7┃                                ┃
 8┃                                ┃
 9┃                                ┃
10┃                                ┃
11┃                                ┃
12┃                                ┃
13┃                                ┃
14┃                                ┃
15┃                                ┃
16┃                                ┃
17┃                                ┃
18┃                                ┃
19┃                                ┃
20┃                                ┃
21┃                                ┃
22┃                                ┃
23┃                                ┃
  ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛