長野県長野市・松本市ウェブ制作事業部 コンサルティングFIRM

ATFコンサルティングファーム

CSSのcontentプロパティ

ATFコンサルティングFIRM

ATFコンサルティングFIRM

マーケティングがあなたのビジネスの目標達成を支援します。

HubSPot+ ATFC担当に相談する

目次

CSSの擬似セレクタである「:before」と「:after」はcontentプロパティというものが使える。
これがまたWEBを彩る要素として非常に便利で、最近多用する。
最初は、IE7以下が未対応ということもありリストにちょっとしたアイコンを付けたくても避けてきた手法だが、数々のモダンブラウザの台頭により、そろそろ使っても問題ないだろうと思い、今では躊躇なく使っている。

16進数値文字も挿入可能

contentプロパティ

contentプロパティで挿入出来るものは画像やテキスト。よく使うのは「»」や「«」。リストやボタンに使うことが多い。テキストは2バイト文字でも表示されるようだが、16進数値文字が推奨されている。
ただし、以下の様な一定の規則がある。

  • セミコロンを削除
  • #とxは削除するか0に変換
  • &を¥に変換する

使いようによっては非常に便利で、テキストにオススメアイコンやNew!アイコンをつけたり、ダウンロードリンクにexcelやPDFのアイコンをつけたり、印刷リンクにプリンターのアイコンをつけたり…。用途は様々。
ただし冒頭で話したとおりIE7以下は無視されるので、無くても意味は通じる程度の使い方が今の段階では無難である。

SNS
インタビュー一覧
人材採用のキーポイントはWebサイトだった。

今年度こそ人材採用の成果を出す! 街には、新入社員らしき若者が目立つシーズになった。毎年、人材採用に苦戦している人事部人材採用担当は、今年も悔し涙を流しているのか? そこで、成果を毎年あげている企業は、Webサイト(コー

ブログを読む »
集客か?ブランディングか?Webリニューアル。
Webリニューアル:集客 vs ブランディング

Webサイトリニューアルの目的は集客か?ブランディングか? Webサイトのリニューアルを検討する際、多くの方が「集客」と「ブランディング」のどちらを優先すべきか悩むのではないでしょうか。結論から言うと、どちらを優先すべき

ブログを読む »
笑顔の女性
安曇野赤十字病院看護師採用サイト制作

安曇野赤十字病院看護師採用専用Webサイトへ 安曇野赤十字病院看護師採用専用サイトweb design(ウェブデザイン PC用) 看護師とのミーテイングを重ね仕事環境の改善を現実的に行い、それをコンテンツとしました。長野

ブログを読む »
Web制作会社
Webフォームに営業問い合わせが殺到する件

新しいWebフォームからお問合せが来たぞ! 「新しいWebフォームからお問合せが来たぞ!」と喜んでメールを確認すると営業メールだ。こんな日が毎日も続きます。言葉を変えて「協業」と言っているが、コピペでできるフォーム営業は

ブログを読む »
松本市ホームページ 見積もり
Web制作会社だけどコンサルティングファーム

企業のアドバイスなどのコンサルティング営業 ある日、ホームページ制作の依頼があり、依頼者の会社に訪れました。私が来社すると、厄介者が来たような目つきでその会社の従業員が私を見ていました。そんな会社で、売れるホームページな

ブログを読む »