HTML&CSSリファレンス s 打消し線の太さと色を変更 コピペで使えるHTML+CSS
無効なテキストを指定するS要素の修正。一般的なブラウザでは文字の中央に打消し線が引かれるS要素。text-decorationを修正して線の種類や太さ、色を変更します。
プログラミング
HTML&CSSリファレンス HTML&CSSリファレンス del 打消し線の色、太さ、種類を変更 コピペで使えるHTML+CSS
多くのブラウザにおいてdelは文字の中央に打消し線が表示されます。CSSのtext-decorationプロパティを修正することによってその太さや、打消し線を破線や直線などの線の種類を変更します。
HTML&CSSリファレンス mark 背景色を消しアンダーラインを引く コピペで使えるHTML+CSS
mark要素のプロパティであるtext-decorationを修正してアンダーラインを引くようにし、蛍光マーカーを引いたようなデザインを実現します。ピンク、イエロー、ブルー、グリーンの蛍光マーカーを再現します。
HTML&CSSリファレンス blockquote q 引用符をデザイン コピペで使えるHTML+CSS
引用する際に用いるblockquote要素とq要素について、CSSの::beforeセレクターと::afterセレクター及びtransformプロパティのrotate()関数を用いて独自の引用符を実装します。
HTML&CSSリファレンス cite(作品タイトル)を右下に表示 コピペで使えるHTML+CSS
引用文のために用意されたblockquote及び、qの2つの要素。その引用元の情報を記載する対象であるcite要素の表示位置を修正する簡単な方法について解説。
HTML&CSSリファレンス 文字や画像に影をつける コピペで使えるHTML+CSS
影を描くCSSプロパティにはテキスト向けのtext-shadowと要素全体に対して適用されるbox-shadowがあります。このページでは２つが、どう違うのかを比較しやすい具体例を出しながら適用方法について解説します。
HTML&CSSリファレンス CSSの各種セレクタ CSS コピペで使えるHTML+CSS
クラスセレクター、IDセレクターのほか、>や+、~を使った間接、子孫、弟セレクターの使用方法の解説です。~を使って弟を限定する方法についても解説。
HTML&CSSリファレンス pre 整形済みテキスト コピペで使えるHTML+CSS
作成したテキストをそのままの形で表示するpre要素。WordPressのソースコードを表示するプラグインでも使用。
HTML&CSSリファレンス text-decoration 文字に線を引く コピペで使えるHTML+CSS
文字にアンダーライン、打消し線、点線を引くtext-decorationプロパティ。実際に用意されている位置、スタイルについての値、全てを例示解説します。
HTML&CSSリファレンス col colgroup 表組みの列グループ コピペで使えるHTML+CSS
列をグループ化するために用いるcolgroup要素とcol要素について簡単に解説。主にグループごとにCSSを適用する際に用いる。
HTML&CSSリファレンス caption th thead tfoot 表に意味を持たせる コピペで使えるHTML+CSS
テーブル表のcaptionやthead、tfoot、そしてth要素について使用すべき状況はどんな時かなどを解説。headers属性についても。
HTML&CSSリファレンス table tr td 表組み コピペで使えるHTML+CSS
テーブル表を作成するtable、trといった要素について解説。どちらが行でどちらが列かもわかりやすく。行と列の結合をするためのcolspan、rowspan属性の説明も。
HTML&CSSリファレンス a リンクアンカー コピペで使えるHTML+CSS
リンクアンカーのa要素。#を使ったページ内リンクや、targetやrelといった属性と使用する値についても解説します。noopenerとブログランキングの注意点についても解説。
HTML&CSSリファレンス em 強調テキスト コピペで使えるHTML+CSS
強調したいテキストを指定するem要素。一般的には斜体、またはイタリック体で表示されます。em要素の解説。及び、イタリック体と斜体の違いについて解説します。
HTML&CSSリファレンス s 無効なテキスト 打消し線 コピペで使えるHTML+CSS
不正確、又は間違った無効なテキスト指定するS要素。一般的なブラウザでは文字の中央に打消し線が引かれます。
HTML&CSSリファレンス border-collapse セル境界線の表示形式 コピペで使えるHTML+CSS
table要素を調整するborder-collapseプロパティの仕組みを解説。separateとcollapseとではどのように表記が変わるのか？borderの数値をどのように設定すべきなのか？具体的にテーブルを表示して比較説明します。