「 CSS 」 一覧

今さらですが… CSSだけで表の背景色を交互に変える方法の覚え書き。 ※IE8以下のブラウザには対応していません。 でも、マイクロソフトはIE8のサポートを終了したので、これからはどんどん使えそうです …

inherit （値） 通常では継承しない親要素のプロパティでも強制的に継承させる事ができる。 CSSのあらゆるプロパティに値を指定できる。 ＊IE6, 7では非対応 ■使用例 ↓ CSS borde …

コメントアウト コメントアウトとは、ソースコード内にメモ書きすること。 コメントアウトの部分はウェブページの内容や見た目に一切反映されません。 ソースによって書き方が異なるので、注意しましょう。 ■値 …

[ visibility ] ボックスの表示（visible）・非表示（hidden）を指定。 非表示にした場合でもボックス自体が無くなってしまうわけではないので、表示・非表示を切り替えてもページのレ …

[ rgba( ) ]   RGBAカラーモデルで色を指定する。 カンマ（ , ）区切りにした３つの数値でRGBの色を指定した後に、数値で透明度を指定。 RGBA値をサポートしていないブラウ …

[ opacity ]   透明度を指定する。 透明効果がオブジェクト全体に均一に適用される。 オブジェクト全体ではなく、背景色やボーダー色に個別に適用したい場合には、rgba()で指定する …

ワードプレスでプラグインを使わずに、 HTMLとCSSだけで下のような感じの会話風レイアウトの作り方。   手順はこちら   [codepen_embed height=”400 …

cssのメモ。 丸形の作り方 基本的な方法は、 （１）div 要素で囲った範囲の上下左右のサイズを指定する（height, width） （２）背景色を付ける（background-color） （３ …

最小の高さだけ決めて、 あとはdivなどの要素の高さに応じて高さを可変にできる指定方法。 CSSで下記のように指定します。   min-height: 80px; height: auto !impo …

レスポンシブサイトでの画像のリサイズ問題   ウインドウサイズに合わせて、画像を拡大縮小させる方法。 CSSだけで解決できます。     ＜css＞  img{ width:100%; max-wid …