CSS transition 要素をアニメーションさせる
目次 ・transition ・１．ゆっくり>加速>減速(ease) ・２．一定の速度で変化(linear) ・３．ゆっくり>加速(ease-in) ・４．高速>減速(ease-out) ・５．ゆ […]
カテゴリー：HTML / CSS
CSS list-style-type リスト項目のデザインを指定
目次 ・list-style-typeとは ・黒い丸 (disc) ・白い丸 (circle) ・黒い四角 (square) ・10進数の数値 (decimal) ・10進数の数値の前に0がつく (decimal-lea […]
HTML ul要素とli要素でリストを作成する
目次 サンプル ulとli ulとliでリストを表示 リストの行間をmarginで広げるサンプル olとliのサンプル(番号付きのリスト) ulとli ulは、li要素とセットで、箇条書きのリ […]
CSS 属性セレクタのサンプル(要素名[属性名=”値”])
目次 ・セレクタとは ・属性と属性値と要素の関係 ・１．要素名[属性名] ・２．要素名[属性名=”値”] (指定の属性の値がある) ・３．要素名[属性名~=”値”] (どれかひとつに合致する) ・４．要素名[属性名|=” […]
CSS ボックスモデルの構造
目次 ・ボックスモデルとは ・よく使う設定（border-box） ・Chromeでボックスモデルを確認する ボックスモデルとは HTMLのすべての要素（見出し、段落、画像など）は、四角い箱（ボックス）に入っていると考え […]
CSS text-indent 文章にインデントを設定する
目次 ・text-indentとは ・インデントなし ・インデントを25pxで指定 ・インデントを-25pxで指定 ・継承で文章のインデント(字下げ)する text-indentとは text-indentプロパティは、 […]
CSS font-style 文字を斜体にする
目次 ・font-styleとは ・normal 斜めにならない ・italic 英字は斜めになる、日本語(メイリオ)は斜めにならない ・italic 英字、日本語(ＭＳ Ｐゴシック)は斜めになる ・oblique 英字 […]
CSS font-weight 文字の太さを指定する
目次 ・font-weightとは ・文字の太さを英字で指定(normal,bold,lighter,bolder) ・文字の太さを数字で指定 ・継承で文字の太さを指定する font-weightとは font-weig […]