【初心者でもわかる】php等を使わなくてもCSSで文末文字省略(…)する方法(複数行対応)
CSSで長い文章を省略し、末尾に三点リーダーを表示する方法を紹介します。複数行と1行のサンプル、表示するときの注意点を解説します。
\ なるほど!でつまずきを解決する /
HTML・CSS・JavaScript・WordPress など
Web制作の基礎から実践的なテクニックまで、
初心者にもわかりやすく解説するブログです。
CSSで長い文章を省略し、末尾に三点リーダーを表示する方法を紹介します。複数行と1行のサンプル、表示するときの注意点を解説します。
クリックイベントが複数回実行される問題を、jQueryの.on()の重複から解説します。イベントを登録する箇所の確認方法と、対策の考え方を紹介します。
Illustratorで彩度などが調整された色を取得する方法を紹介します。見た目の色を16進数で確認する操作と、カラーピッカーを使う選択肢を解説します。
Photoshopから書き出した画像が1pxズレる場合の原因と対策を紹介します。デザイン内の表示位置を確認し、書き出し前に調整するポイントを解説します。
画像編集で使う「乗算」の合成をCSSで再現する方法を紹介します。Webページ上で色や画像を重ねたときの見え方をサンプルで確認できます。
スクリーンセーバーのように文字が回転する表現を作ったサンプルを紹介します。動きを作るソースコードと、その仕組みを解説します。
セレクトボックスの選択に応じてリンク先を変える方法を紹介します。ボタンを押して移動する形式と、選択時に移動する形式をコードで解説します。
PHPで使える47都道府県の配列を紹介します。漢字・ひらがな・カタカナなどの表記や連想配列の例から、用途に合った形式を確認できます。
電話番号をタップして発信できるリンクの作り方を紹介します。スマホだけで有効にするレスポンシブ対応と、国際電話の指定例も解説します。
ボタンをhover時に半透明にしても、背後の画像などが透けないようにする方法を紹介します。HTMLとCSSのサンプルを使って仕組みを解説します。