「 WEB制作 」 一覧

あるサイトの更新で、日付を打ち消し線で消して、次の行に新しく正しい日付を掲載するよう修正してほしいとの要望がありました。 打ち消し線は、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 …

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

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