HTML&CSSリファレンス mark テキストのハイライト コピペで使えるHTML+CSS
文章の中で目立たせたいテキストをマークするmark要素についての解説。mark要素は単なるマークであって重要と言う意味では用いません。
HTML&CSSリファレンス HTML&CSSリファレンス span 単語、フレーズ、文章のグループ化 コピペで使えるHTML+CSS
テキストの一部分をグループ化し、スタイルシートによる装飾をおこなう際に用いるspan要素の解説。
HTML&CSSリファレンス div コンテンツのグループ化 コピペで使えるHTML+CSS
div要素は様々なレイアウトデザインにおいて用いられます。divの基本的な仕組みについて解説します。
HTML&CSSリファレンス q 語句単位の引用 コピペで使えるHTML+CSS
q要素は他から文書を引用する場合に用いる。blockquoteと違って短い単位での引用に用いる。cite属性についても解説。
HTML&CSSリファレンス cite 作品タイトル コピペで使えるHTML+CSS
書籍、webページなどの作品タイトルを表示するためのcite要素の仕組み。cite要素は引用元に限らず作品タイトル全般に使用されます。
HTML&CSSリファレンス img 画像 コピペで使えるHTML+CSS
画像を表示するためのimg要素について。decording属性の仕組みと設定、width、heightの設定効果、その他の属性についても解説。
HTML&CSSリファレンス code 言語のコード コピペで使えるHTML+CSS
プログラムのコードを表示するCODE要素について解説。
HTML&CSSリファレンス box-shadow 影をつける コピペで使えるHTML+CSS
画像imgやdivなどボックス単位について影をつけるbox-shadowプロパティについて、ぼかし、広がり、方向の各数値の設定方法と効果について具体例を挙げながら解説します。
HTML&CSSリファレンス 幅に合わせてpre要素内に改行を入れる コピペで使えるHTML+CSS
pre要素は文書を崩さずにそのまま表示します。その結果として幅に合わせた改行が行われず、横に長い文章やソースコードの場合、改行が行われず、見にくい表示となってしまいます。そこで、white-spaceプロパティを用いる方法を解説します。
HTML&CSSリファレンス a リンクのアンダーラインを消す コピペで使えるHTML+CSS
リンクアンカーのa要素について、text-decorationを修正してアンダーラインを消し、文字色を変更します。
HTML&CSSリファレンス a リンクを角丸ボタンにする コピペで使えるHTML+CSS
リンクアンカーのa要素を修正して、角の丸い角丸ボタンを実現します。border-radiusプロパティとtext-decorationプロパティを使用します。
HTML&CSSリファレンス strongを太字にしない コピペで使えるHTML+CSS
strong要素の文字の太さは font-weight で指定します。strongの初期値は bold になっていますので、font-weightをnormal に指定することで通常のテキストと変わらない見た目にします。
HTML&CSSリファレンス emを斜体にしない コピペで使えるHTML+CSS
文字のスタイルを font-style で指定します。emの初期値は oblique (斜体)になっていますので、normal に指定することで通常のテキストと変わらない見た目にします。
HTML&CSSリファレンス emをイタリック体にする コピペで使えるHTML+CSS
em要素は指定した文字を強調するタグですが、一般的にブラウザでは斜体で表示されます。font-styleを用いてイタリック体に変更します。
HTML&CSSリファレンス s 打消し線の太さと色を変更 コピペで使えるHTML+CSS
無効なテキストを指定するS要素の修正。一般的なブラウザでは文字の中央に打消し線が引かれるS要素。text-decorationを修正して線の種類や太さ、色を変更します。
HTML&CSSリファレンス del 打消し線の色、太さ、種類を変更 コピペで使えるHTML+CSS
多くのブラウザにおいてdelは文字の中央に打消し線が表示されます。CSSのtext-decorationプロパティを修正することによってその太さや、打消し線を破線や直線などの線の種類を変更します。