HTML&CSSリファレンス q 語句単位の引用 コピペで使えるHTML+CSS q要素は他から文書を引用する場合に用いる。blockquoteと違って短い単位での引用に用いる。cite属性についても解説。 2021.01.16 HTML&CSSリファレンス
HTML&CSSリファレンス 幅に合わせてpre要素内に改行を入れる コピペで使えるHTML+CSS pre要素は文書を崩さずにそのまま表示します。その結果として幅に合わせた改行が行われず、横に長い文章やソースコードの場合、改行が行われず、見にくい表示となってしまいます。そこで、white-spaceプロパティを用いる方法を解説します。 2021.01.16 HTML&CSSリファレンス
HTML&CSSリファレンス a リンクのアンダーラインを消す コピペで使えるHTML+CSS リンクアンカーのa要素について、text-decorationを修正してアンダーラインを消し、文字色を変更します。 2021.01.16 HTML&CSSリファレンス
HTML&CSSリファレンス a リンクを角丸ボタンにする コピペで使えるHTML+CSS リンクアンカーのa要素を修正して、角の丸い角丸ボタンを実現します。border-radiusプロパティとtext-decorationプロパティを使用します。 2021.01.16 HTML&CSSリファレンス
HTML&CSSリファレンス strongを太字にしない コピペで使えるHTML+CSS strong要素の文字の太さは font-weight で指定します。strongの初期値は bold になっていますので、font-weightをnormal に指定することで通常のテキストと変わらない見た目にします。 2021.01.16 HTML&CSSリファレンス
HTML&CSSリファレンス emを斜体にしない コピペで使えるHTML+CSS 文字のスタイルを font-style で指定します。emの初期値は oblique (斜体)になっていますので、normal に指定することで通常のテキストと変わらない見た目にします。 2021.01.16 HTML&CSSリファレンス
HTML&CSSリファレンス emをイタリック体にする コピペで使えるHTML+CSS em要素は指定した文字を強調するタグですが、一般的にブラウザでは斜体で表示されます。font-styleを用いてイタリック体に変更します。 2021.01.16 HTML&CSSリファレンス
HTML&CSSリファレンス s 打消し線の太さと色を変更 コピペで使えるHTML+CSS 無効なテキストを指定するS要素の修正。一般的なブラウザでは文字の中央に打消し線が引かれるS要素。text-decorationを修正して線の種類や太さ、色を変更します。 2021.01.16 HTML&CSSリファレンス
HTML&CSSリファレンス del 打消し線の色、太さ、種類を変更 コピペで使えるHTML+CSS 多くのブラウザにおいてdelは文字の中央に打消し線が表示されます。CSSのtext-decorationプロパティを修正することによってその太さや、打消し線を破線や直線などの線の種類を変更します。 2021.01.16 HTML&CSSリファレンス
HTML&CSSリファレンス mark 背景色を消しアンダーラインを引く コピペで使えるHTML+CSS mark要素のプロパティであるtext-decorationを修正してアンダーラインを引くようにし、蛍光マーカーを引いたようなデザインを実現します。ピンク、イエロー、ブルー、グリーンの蛍光マーカーを再現します。 2021.01.16 HTML&CSSリファレンス
HTML&CSSリファレンス blockquote q 引用符をデザイン コピペで使えるHTML+CSS 引用する際に用いるblockquote要素とq要素について、CSSの::beforeセレクターと::afterセレクター及びtransformプロパティのrotate()関数を用いて独自の引用符を実装します。 2021.01.16 HTML&CSSリファレンス
HTML&CSSリファレンス cite(作品タイトル)を右下に表示 コピペで使えるHTML+CSS 引用文のために用意されたblockquote及び、qの2つの要素。その引用元の情報を記載する対象であるcite要素の表示位置を修正する簡単な方法について解説。 2021.01.16 HTML&CSSリファレンス
HTML&CSSリファレンス 文字や画像に影をつける コピペで使えるHTML+CSS 影を描くCSSプロパティにはテキスト向けのtext-shadowと要素全体に対して適用されるbox-shadowがあります。このページでは2つが、どう違うのかを比較しやすい具体例を出しながら適用方法について解説します。 2021.01.16 HTML&CSSリファレンス
HTML&CSSリファレンス CSSの各種セレクタ CSS コピペで使えるHTML+CSS クラスセレクター、IDセレクターのほか、>や+、~を使った間接、子孫、弟セレクターの使用方法の解説です。~を使って弟を限定する方法についても解説。 2021.01.16 HTML&CSSリファレンス
HTML&CSSリファレンス text-decoration 文字に線を引く コピペで使えるHTML+CSS 文字にアンダーライン、打消し線、点線を引くtext-decorationプロパティ。実際に用意されている位置、スタイルについての値、全てを例示解説します。 2021.01.15 HTML&CSSリファレンス
HTML&CSSリファレンス a リンクアンカー コピペで使えるHTML+CSS リンクアンカーのa要素。#を使ったページ内リンクや、targetやrelといった属性と使用する値についても解説します。noopenerとブログランキングの注意点についても解説。 2021.01.15 HTML&CSSリファレンス