「 CSS 」 一覧

画像を右寄せにする方法 デフォルトは左寄せになっています。   右寄せにする手順 （１）画像をブロック要素として囲む。 　　　ブロック要素= div・p・ul・li・dl など ブロック要素 …

「画面サイズに合わせて文字の大きさも変化させたい」けど、「em」や「rem」や「％」ではうまくいかない。 早速ググってみると。。。ありました！ vw(ViewportWidth)とvh(Viewpor …

あるサイトの更新で、日付を打ち消し線で消して、次の行に新しく正しい日付を掲載するよう修正してほしいとの要望がありました。 打ち消し線は、cssでスタイルをもたせてやればスグにできます。   …

× 擬似要素に擬似クラスを適用 ＜例＞ div::after:hover{}  ■結果 after要素に対してはhoverで指定した内容が動作しませんでした。   ○ 擬似クラスに擬似要素を適用 ＜例 …

CSSの基本書式（セレクタ・プロパティ・値） [ right ]   ボックスを配置する場合の、右からの配置位置（距離）を指定するプロパティ。基準位置の右端から配置するボックスの右端までの距離。  こ …

table-layout: fixed; table要素の各セルの幅の表示方法を指定。 teble要素、もしくは『display: table』となっている要素に反映させることができる。 ■使用例 ↓ …

<ol>や<ul>といった箇条書きを指定した場合、リストマーカや番号の左側に大きな隙間ができてしまう。 ここは、CSSで何も指定していなくても、ブラウザが気を利かせてある程度の …

新しくサイトを作ることになった。 もちろん、レスポンシブ対応で。 そこで改めて、ブレイクポイントを考えてみことにした。 Googleでは「モバイルファースト」を推奨している。さらに「モバイルファースト …

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

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