HTML&CSSリファレンス 画像を加工せずに切り抜き表示する コピペで使えるHTML+CSS
無効なテキストを指定するS要素の修正。一般的なブラウザでは文字の中央に打消し線が引かれるS要素。text-decorationを修正して線の種類や太さ、色を変更します。
img
HTML&CSSリファレンス HTML&CSSリファレンス 画像を徐々に表示するアニメーションをCSSで コピペで使えるHTML+CSS
画像、img要素を徐々に表示するアニメーション。opacityを使って透明度を操作します。 画像imgを徐々に表示 (透明度の操作) スタイルシート属性で記述 <img class=""animation1" src="sakura.jpg" /> @keyframes open-keyanime1{ /* アニメーシ...
HTML&CSSリファレンス 画像にカーソルを合わせると徐々に白いぼやをかける方法 コピペで使えるHTML+CSS
画像、img要素にマウスカーソルを合わせると、徐々に白くなり、離すと徐々に元の画像に戻る。hoverの逆も含め、hoverの前後にアニメーションを付けます。 画像imgを徐々に白いぼやをかけ、徐々に元に戻す(透明度の操作) スタイルシート属性で記述 <span class="over-animation"><img c...
HTML&CSSリファレンス 文字を中央に寄せる方法 | HTML+CSS
HTMLにおいて文字を中央に表示するいくつかの方法を紹介。 文字の中央配置 文字を中央に配置 文字を中央に配置する <p style="text-align: center;">文字を中央に配置する</p> text-align: centerで指定すればよい。子("文字を中央に配置する")に当たる文字を中央に配置する...
HTML&CSSリファレンス float ボックスの回り込み コピペで使えるHTML+CSS
画像img要素やボックスの回り込みについて指定するfloatプロパティのleft、rightなどについて実例をあげながら解説します。
HTML&CSSリファレンス 画像、写真の上に文字をのせる コピペで使えるHTML+CSS
取り込んだ画像、写真(img要素)の上に文字をのせます。写真の説明文や、リンク先の説明文などを記載します。画像の下の余白の消し方についても解説します。
HTML&CSSリファレンス figure要素とfigcaption要素 コピペで使えるHTML+CSS
写真や図表などのまとまりを表すfigure要素。そしてそのキャプションを表すfigcaption要素について解説。画像上にテキストを表示する際などに用いる。
HTML&CSSリファレンス img 画像 コピペで使えるHTML+CSS
画像を表示するためのimg要素について。decording属性の仕組みと設定、width、heightの設定効果、その他の属性についても解説。
HTML&CSSリファレンス 文字や画像に影をつける コピペで使えるHTML+CSS
影を描くCSSプロパティにはテキスト向けのtext-shadowと要素全体に対して適用されるbox-shadowがあります。このページでは２つが、どう違うのかを比較しやすい具体例を出しながら適用方法について解説します。