トップページ > サイト作成 > スタイルシート > その他の設定
その他の設定
カーソルの変更 cursor
カーソルを設定することができます。
cursor : 形状
形状には
- crosshair ： 十字
- hand ： 手
- move ： 移動可能
- text ： テキスト選択時
- wait ： 処理中
- help ： ヘルプ
- default ： 標準
- auto ： 自動設定
- n-resize ： 上方向
- s-resize ： 下方向
- w-resize ： 左方向
- e-resize ： 右方向
- nw-resize ： 左上方向
- ne-resize ： 右上方向
- sw-resize ： 左下方向
- se-resize ： 右下方向
で指定します。
スクロールバー scrollbar
スクロールバーを設定することができます。
overflow : 設定値
設定値には
- scroll ： スクロールバーを表示する
- visible ： 幅と高さを超えて表示する
- hidden ： 幅と高さが足りなければその分を表示しない
- auto ： ブラウザの設定に従う
で指定します。
表示・非表示 visibility
表示・非表示を設定することができます。
visibility : 設定値
設定値には
- visible ： 表示する
- hidden ： 表示しない
で指定します。
グリッド文字間隔 layout-grid-char
文字の間隔を設定することができます。
layout-grid-char : 設定値
設定値には"auto"、"none(変更無)"、"px"や"pt"などの単位付きの数値や"%"を利用します。
（Internet Explorerのみ利用可能）
グリッド行間隔 layout-grid-line
行の間隔を設定することができます。
layout-grid-line : 設定値
設定値には"auto"、"none(変更無)"、"px"や"pt"などの単位付きの数値や"%"を利用します。
（Internet Explorerのみ利用可能）
グリッドタイプ別字間隔 layout-grid-type
字体別で間隔を設定することができます。
layout-grid-type : 設定値
設定値には
- loose ： 全角文字や半角カナには、layout-grid-charプロパティの値が適用。筆記体を除く半角英数字に対しては、layout-grid-charプロパティの値の半分が適用
- strict ： 全角文字や半角カナのみをグリッドに収める
- fix ： すべての文字をグリッドに収める
で指定します。
（Internet Explorerのみ利用可能）
グリッドの有効・無効 layout-grid-mode
グリッドの有効・無効を設定することができます。
layout-grid-mode : 設定値
設定値には
- both ： 行・文字グリッドの両方を有効にする。(初期値)
- none ： グリッドを無効
- line ： 行グリッドのみを有効
- char ： 文字グリッドのみを有効
で指定します。
（Internet Explorerのみ利用可能）
テーブルの表示 table-layout
テーブルタグ（表)は通常、全体を読み込んでから内容に合わせて幅が決定しますが、このtable-layoutを使うと最初の横一行を読み込んだ時点で幅を決めて表示が開始されるので、表示速度が速くなります。
table-layout : 設定値
設定値には
- auto ： 初期値
- fixed ： 最初の横一行を読み込んだ時点で表示
で指定します。
セル枠の表示 border-collapse
隣接するセルの枠線を重ねて表示します。
border-collapse : 設定値
設定値には
- collapse ： 隣接するセルの枠線を重ねて表示
- separate ： 隣接するセルの枠線を間隔をあけて表示
で指定します。
改ページの位置 page-break-before、page-break-after
印刷時の改ページに関する設定をすることができます。
page-break-before : 設定値
page-break-after : 設定値
設定値には
- auto ： その位置での改ページを指定しない
- always ： その位置で強制的に改ページ
- avoid ： その位置での改ページを禁止
で指定します。
また、page-break-beforeで要素の直前で改ページ、page-break-afterで要素の直後で改ページします。
関連記事
ウェブサイト作成
スタイルシート（CSS）はウェブサイトの装飾やレイアウトに利用されるプログラムの一種で、CSS の基本的な使い方と実際に指定するプロパティの一覧を紹介する。
作業効率アップとアクセス数アップにつながるウェブサイト作成のソフトウェア
ウェブサイト作成
ウェブサイト（ホームページ）は専用のソフトウェアを利用しなくても作成することができるが、作成ソフトを利用することで作成に必要な時間が大幅に短縮されるとともに検索サイトからのアクセス数アップにもつながる点について紹介する。
検索結果で自身のサイトが上位に表示されやすくする SEO の方法
ウェブサイト作成
インターネット上に公開した自身のウェブサイトやブログへアクセスしてもらうためには Google や bing など検索サイトから誘導する手段があり、検索結果の上位に表示されるとアクセス数が増えるため、その上位に表示させるための施策（SEO）の方法について紹介する。
スマホサイトで用いられるハンバーガーメニューの作成方法とサンプル
ウェブサイト作成
スマートフォンやタブレットなど小型の携帯端末向けのウェブサイトは画面を縦向きで利用されることが多いため、サイトのデザインと操作性も縦方向で利用されることを想定して横方向（水平方向）に画像を並べたり配置することを避けるが、縦にスクロールせずとも横方向に展開するハンバーガーメニューの作成方法について紹介する。
スマホやタブレット用ウェブサイトの横幅の比較と CSS でのレイアウト切り替え方法
ウェブサイト作成
ウェブサイトやアプリを作成する際にパソコンだけでなくスマートフォンやタブレットを利用する人ではどのように画面に表示されるか配慮する必要があり、利用される端末ごとにディスプレイのサイズが異なるため各端末の横幅の比較と CSS で端末ごとにレイアウトを切り替える方法について紹介する。
