• CSS
  • HTML
  • WINDOWS10
  • EXCEL
  • TIPS
  • MAIL
CSS

CSS

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

Prev1234567Next
transform-translate-animation
[CSS] translate()関数を使ったメニュー:translateY()CSS3のtranslate関数はtranslate(x, y)、translateX()、translateY()の3つを使って要素の移動距離を指定します。下記のようにマウスオーバーした際にメニューが下から現れる...
transition-timing-function
[CSS]トランジション(Transitions)のtransition-timing-functionトランジション(Transitions)は「変化」という意味で、Flash アニメーションや JavaScript を使用せずに、時間経過による変化を指定する際に使用します。

スポンサーリンク

align-content
[CSS]フレキシブルボックス(flexible box)内の Flexアイテムの行の垂直方向(cross-axis)の配置方法(align-content)align-content プロパティは、Flexコンテナのcross axis(交差軸/副軸) 上に余分なスペースがある場合に、行上のflex...
flex-wrapプロパティ
[CSS] Flexコンテナ内のFlexアイテムの折り返し設定flex-wrapプロパティFlex-wrapプロパティはFlexコンテナ内のFlexアイテムを一行で表示するか、行を折り返して複数行で表示させるかを指定します。
order
[CSS] Flexコンテナ内のFlexアイテムの表示順を指定する「order」プロパティCSS order プロパティは、flexコンテナ内で flexアイテムを、記載された順番を無視して、レイアウトに使用する順序を指定します。
table-cell
[CSS]要素を横並びで配置するdisplay:table-cell要素を横並びで配置するには、CSS のfloat や display:inline-blockを使う方法がありますが、ここではtable-cellを使った方法を紹介します。
左右・中央寄せ
[CSS]要素を上下左右・中央寄せに配置する方法一番簡単に中央寄せが出来る方法です。テキストや画像などのインライン要素を中央揃えにする方法です。 これは子要素にwidthとheightを指定する必要がありません。
z-index
[CSS]要素の重なり順序を指定する<z-index>z-indexプロパティを指定した要素は、数字が小さいほど奥へ、大きいほど手前に表示されます。z-indexプロパティは、divボックスなどのブロックレベル要素で...
id
[CSS] 「id」属性と「class」属性の違いCSS記述の際によく使われているのがこの「id」と「class」属性です。この2つの使い分けの一番の違いは、1ページ内で同じclass名を持つ要素は複数あっても構いませんが、同じid名は1つしか存在できないという一意性を持ちます。
float
[CSS] 左右横方向に移動させるfloatHTMLページの段組レイアウトを決める際に、HTMLページにてブロックを左右に浮かせて配置する際にfloatプロパティがよく使われます。floatプロパティはブロックレベル要素(Block Element)、例えば...
Prev1234567Next

スポンサーリンク

スポンサーリンク

Category

 Windows 11  Windows 10  CSS  HTML  EXCEL(エクセル)  有用なTIPs  WINDOWS  MAIL(メール)

BILLION WALLET Copyright©All rights reserved