しばらく前からフロントエンドのWeb開発者であれば、何かをコーディングする方法を見つけようとしていて、ちょっとグーグルした後に気付いた瞬間がある可能性が高いです。 “そのためのCSSがあります”. そうでなかったら、まああなたはにしようとしている. この記事はそのようなCSSコードを集めたもので、要素をスティッキーにしたり、下線を引いた機能を強調したり、ページのテキストを特別な形にしたり、視差効果を与えたりすることができます。それらの中には広くサポートされているものもあれば、すべてのブラウザで完全にサポートされようとしているものもあります。. 番号付け見出しと小見出し ドキュメントに一連の見出しと小見出しがあり、それらを手動またはスクリプトで番号付けしているとします。代わりに、CSSカウンタを使ってこれを行うことができます。ここにはすでに詳細な投稿があります。そしてそれはCSS2仕様からのものなので、おそらくIE 6を除いて、それはすべてのブラウザでサポートされていると思うでしょう。. CodePenのPreethiによるPen GJRLWj(@rpsthecoder)を参照してください。. 下線をスパイスアップ 実線ではなく、素敵な点線または破線で下線を付けたい場合があります。そのための選択肢はありませんので、 ボーダーボトム. しかし ボーダーボトム 下線を引いているテキストが折り返されている場合、これは適切な解決策ではありません。. CSS3はテキスト装飾のために1つではなく3つの新しいプロパティを指定しました テキスト装飾色, テキスト装飾行, そして テキスト装飾スタイル これは古き良きものに短くすることができます テキスト装飾. これらを使用して、下線、上線のスタイル、テキストの点滅などを設定できます。 2015年4月現在、Firefoxのみがこのプロパティをサポートしていますが、有効にすることができます。 “実験的Webプラットフォーム機能” Chromeで使用する. CodePenのPreethiによるPen YXzMQw(@rpsthecoder)を参照してください。. 引用を引用する まず第一に、そのためのHTMLがあるので、短い引用のために正しい中括弧をタイプすることを気にする必要はありません。...