CSS transform-style 要素を3D表示する
目次 ・transform-style ・preserve-3dとflatの違い transform-style transform-styleのpreserve-3dは、子の要素を3D表示します。 transform- […]
カテゴリー：HTML / CSS
CSS position sticky スクロールと共に動く
目次 ・positionのsticky ・ある位置に来ると指定の要素が縦スクロールと共に動く(sticky) ・親要素の高さの範囲で動く ・親要素にoverflow:hiddenがあると動作しない positionのst […]
CSS transform 要素を移動/回転/拡大縮小表示する
目次 ・transform ・要素を移動させる(translate) ・要素を回転させる(rotate) ・要素を拡大縮小させる(scale) ・要素に傾斜をつける(skew) transform transformは、 […]
CSS ブロックレベル要素とインライン要素
目次 ・ブロックレベル要素 ・インライン要素 ・インライン要素＋ブロックレベル要素 ※html5の定義は廃止されましたが使用できます。 ブロックレベル要素 ブロックレベル要素を続けて記述した場合、画面上は縦(新しい行)に […]
HTML audio要素で音声ファイルを再生する
目次 サンプル audio要素で音声を再生する 代替の音声ファイル/文言を指定する 仕様 audio要素 source要素 audio要素で音声を再生する audio要素で音声を再生するサンプ […]
CSS text-overflow 列幅超過時の文末(ドット３つ…)
目次 ・text-overflowとは ・何もしない場合 ・文章を途中で終了させる (clip) ・文末にドット３つ(…)を表示 (ellipsis) text-overflowとは text-overflowは、テ […]
CSS table-layout テーブル列幅の設定を指定
目次 ・table-layout ・テーブルのセル内に入力された文字が全て表示 (auto) ・テーブルの列幅が均等 (fixed) table-layout table-layoutは、テーブル列幅の設定を指定します。 […]
CSS display flexで要素を横に並べる
目次 ・横に並べる+折り返さない(flex+nowrap) ・横に並べる+折り返す(flex+wrap) ・水平方向の位置を指定する(flex + justify-content) ・垂直方向の位置を指定する(flex […]