border border-width、border-style、border-color をまとめて指定 left/right/top/bottomを個別に設定可能。 box <div id="box1 […]

BOXモデル 対象 { 　　padding-right: 20px;　※① 　　border: 10px;　　※② 　　margin-right: 20px;　※③ } margin/padding指定方法 値1つで指定 […]

background-color background-color <span id="back1">background-color</span> <style> […]

一覧 値 機能 備考 visible はみ出た部分が、はみ出たままの状態で表示される場合あり 既定値 hidden はみ出た部分が隠れる scroll はみ出た部分が隠れてスクロールできる状態に auto ブラウザにより […]

概要 値 機能 static 基準設定無し(規定) absolute 絶対位置配置 relative 相対位置配置 fixed 絶対位置配置。スクロールしても位置が固定 potision: absolute; 絶対位置配 […]

兄弟要素有 初期状態 child1 child2 child3 <div id="parent1" class="box"> 　<div id="chi […]

font-style font-style: normal font-style: oblique font-style: italic obliqueとitalicはブラウザの解釈により同じスタイルで表示される &lt […]

一覧 セレクタ名 書式 意味 例 タイプセレクタ 要素名 指定要素 div { ～ } 全称セレクタ * 全要素 * { ～ } クラスセレクタ .クラス名 指定クラス .A { ～ } IDセレクタ #ID名 指定ID […]

一覧 属性 機能 値 all 全CSS属性 display 要素表示レベル block/inline/inline-block/table/table-row/table-cell/none widthmin/max-w […]

CSS適用方法 外部CSSファイルの読み込み <link rel="stylesheet" href="test\test.css"> スタイル要素内に定義 <s […]