CSS

ホームページ作成に必要なCSSを紹介します。

Prev 1 2 3 4 567 Next

transform-translate-animation

[CSS] translate()関数を使ったメニュー：translateY()CSS3のtranslate関数はtranslate(x, y)、translateX()、translateY()の３つを使って要素の移動距離を指定します。下記のようにマウスオーバーした際にメニューが下から現れる...

transition-timing-function

[CSS]トランジション（Transitions）のtransition-timing-function トランジション(Transitions)は「変化」という意味で、Flash アニメーションや JavaScript を使用せずに、時間経過による変化を指定する際に使用します。

スポンサーリンク

[CSS]フレキシブルボックス(flexible box)内の Flexアイテムの行の垂直方向(cross-axis)の配置方法(align-content)align-content プロパティは、Flexコンテナのcross axis(交差軸/副軸) 上に余分なスペースがある場合に、行上のflex...

[CSS] Flexコンテナ内のFlexアイテムの折り返し設定flex-wrapプロパティ Flex-wrapプロパティはFlexコンテナ内のFlexアイテムを一行で表示するか、行を折り返して複数行で表示させるかを指定します。

[CSS] Flexコンテナ内のFlexアイテムの表示順を指定する「order」プロパティ CSS order プロパティは、flexコンテナ内で flexアイテムを、記載された順番を無視して、レイアウトに使用する順序を指定します。

[CSS]要素を横並びで配置するdisplay:table-cell 要素を横並びで配置するには、CSS のfloat や display:inline-blockを使う方法がありますが、ここではtable-cellを使った方法を紹介します。

[CSS]要素を上下左右・中央寄せに配置する方法一番簡単に中央寄せが出来る方法です。テキストや画像などのインライン要素を中央揃えにする方法です。これは子要素にwidthとheightを指定する必要がありません。

[CSS]要素の重なり順序を指定する＜z-index＞z-indexプロパティを指定した要素は、数字が小さいほど奥へ、大きいほど手前に表示されます。z-indexプロパティは、divボックスなどのブロックレベル要素で...

[CSS] 「id」属性と「class」属性の違い CSS記述の際によく使われているのがこの「id」と「class」属性です。この２つの使い分けの一番の違いは、1ページ内で同じclass名を持つ要素は複数あっても構いませんが、同じid名は1つしか存在できないという一意性を持ちます。

[CSS] 左右横方向に移動させるfloat HTMLページの段組レイアウトを決める際に、HTMLページにてブロックを左右に浮かせて配置する際にfloatプロパティがよく使われます。floatプロパティはブロックレベル要素(Block Element)、例えば...

Prev 1 2 3 4 567 Next

スポンサーリンク