HOME | DOWNLOAD | MANUAL | FAQ | CONTACT |

イカルはアウトラインプロセッサによるHTML文書を作成するソフトウェアです

# HTML文書作成ツール「イカル」

# マニュアル目次

- イカルとは
- インストールと起動
- 初めてのイカル
- 操作方法
  - メインメニュー
  - スタート画面
  - 編集画面
    - 文書編集領域
    - ページ編集領域
    - ID
    - スタイル
- HTML変換規則
- テクニカルノート
  - テーブルを表示する
  - リストを表示する
  - 画像を挿入する
  - リンクを挿入する
  - 目次を挿入する
  - テンプレートを使う
  - スタイルシートを使う
  - 変数を使う
  - Tips

# スタイル

段落にはスタイルを設定することができます。

- スタイル領域
- スタイルの用途
- スタイルの記述法
- スタイルの編集

## スタイル領域

スタイルを設定するにはスタイル領域を表示します。
スタイル領域は該当段落の左側を右クリックしページ編集コンテキストメニューより「スタイル表示」またはツールバーのボタンで表示します。

右側のブルーの部分がスタイル領域です。

↑ このページのトップへ

## スタイルの用途

スタイルはページをHTMLに変換しブラウザで表示する場合の段落の表示スタイルを指定するためのものです。
スタイル領域には段落のタグに用いる属性の他、変換時のHTMLエンコードの有無、BRタグの有無、テーブルの幅、テーブルの結合などが設定できます。

↑ このページのトップへ

## スタイルの記述法

属性の指定には分かり易い略記法が利用できます。
スタイル領域への記述法は次の通りです。複数の記述をする場合はスペースで区切ります。

一般的な属性 | xxx="yyyy"、 xxx='yyyy' または xxx=yyyy　と記述します。 HTML変換時に、段落のタグに属性としてそのまま付加されます。 使う必要性はあまりありません。
スタイル | xxx:yyyy; と記述します。 HTML変換時に、段落のタグにスタイル属性として style="xxx:yyyy;" の形で付加されます。 スタイルを直接設定するよりも次のクラスを用いる方を推奨します。
クラス | アルファベットで開始する単独の文字列はクラス名として解釈します。 HTML変換時に、段落のタグにクラス属性として class="zzzz" の形で付加されます。 クラスの設定はスタイルシートでセレクタを記述するときに使用します。
HTMLエンコード | HTMLでは「&」「<」「>;」「"」などの文字は特殊な意味を持ち、そのままでは正しく表示できません。 これらが正しく表示されるように特別な文字列に置換することをHTMLエンコードといいます。 具体的には、「&」「<」「>;」「"」などを、「&amp;」「&lt;」「&gt;」「&quot;」に置換します。 テキストをHTMLエンコードする必要がある場合は、@ENCODE と記述します。
改行タグ抑制 | 通常テキストをHTMLに変換するときに、改行にBRタグが付加されますが、これを抑制したい場合は、@NOBR と記述します。 ただし段落タイプが整形済みテキストおよびデータの場合は自動的にBRタグ出力は抑制されますので、この指定は不要です。
非表示 | この段落を一時的に非表示としたい場合は、@HIDE と記述します。 スタイルシートでの非表示設定(display:none;)とは異なり、HTML作成時に出力されません。 従属する下位の段落も同時に非表示となります。
カラムセパレータ | テーブルのカラムを記述するにはカラムごとに段落を記述する方法と、カラムセパレータを使用して1つの段落に複数のカラムを記述する方法があります。 文字「X」をカラムセパレータにするには @SEP='X'と指定します。 カラムセパレータにはアルファベット小文字以外の文字や記号が使用できます。 引用符はダブルクォーテーションまたはシングルクォーテーションまたは引用符無しのいずれでも構いません。 カラムセパレータは段落種別にテーブルが設定されている段落またはテーブルの行となる段落、またはテーブルのカラムとなる段落にのみ有効です。 カラムセパレータはカラムとなる段落で使用されます。 カラムセパレータの適用は次の規則によります。 ・カラムとなる段落にカラムセパレータの指定があればそれを使用します。 ・無ければ、親の行となる段落にカラムセパレータの指定があればそれを使用します。 ・無ければ、親のテーブルとなる段落にカラムセパレータの指定があればそれを使用します。 ・どれにも指定が無ければカラムはセパレートされません。
テーブルの列幅 | テーブルの列幅を指定したい場合に設定します。 段落種別にテーブルが設定されている段落にのみ有効です。 列幅はピクセルまたはパーセントでカンマ区切りで複数指定します。(例1)200,300 (例2)20%,30% パーセントはブラウザでの表示領域に対する割合です。 列幅の指定数が列数より少ない場合は未指定の列は自動となります。
テーブルのセルの結合 | セルを結合する場合に設定します。 セルの結合数を結合の起点となる段落に設定します。 結合数を横x縦で設定します。 (例) 2x1 横に2つ結合します。 (例) 1x3 縦に3つ結合します。

↑ このページのトップへ

## スタイルの編集

スタイル領域をクリックするとスタイル編集モードとなり、スタイル領域の中が黄色くなります。
この状態でスタイルが入力編集できます。

### スタイル編集コンテキストメニュー

スタイル編集中に右クリックし、スタイル編集コンテキストメニューを表示してスタイルの編集を行います。

スタイル編集コンテキストメニュー
| 元に戻す (UNDO機能) | 変更したスタイルを元に戻します。 この機能はスタイルの編集が終了した時点でクリアされます。 編集終了後はページ編集でのUNDO機能で元に戻すことができます。
| やり直し | 元に戻したスタイルを再変更します。
| 切り取り | 選択したスタイルを切り取ります。
| コピー | 選択したスタイルをクリップボードにコピーします。
| 貼り付け | カーソル位置にクリップボードのスタイルを挿入します。
| カスタム機能 | カスタム機能を設定します。
HTMLエンコード | @ENCODEを設定し、段落テキストをHTMLエンコードします。
改行タグ抑制 | @NOBRを設定し、段落テキストの改行を<BR>に置き換えません。
非表示 | @HIDEを設定し、段落を非表示とします。
カラムセパレータ | @SEP='|'を初期値として設定し、カラムセパレータを「|」に設定します。 文字「|」はアルファベット小文字以外の文字や記号に変更できます。 このメニューは段落種別にテーブルが設定されている段落またはテーブルの行となる段落、またはテーブルのカラムとなる段落にのみ表示されます。

↑ このページのトップへ
Copyright (C) 2019 イカル製作委員会, All rights reserved.