【初心者でもわかる】文字と文字の間隔(字間)を調整する方法
letter-spacingで文字の間隔を調整する方法を紹介します。字間を広げたときに中央寄せや右寄せがズレる理由と、余白を補正するCSSを解説します。
\ なるほど!でつまずきを解決する /
HTML・CSS・JavaScript・WordPress など
Web制作の基礎から実践的なテクニックまで、
初心者にもわかりやすく解説するブログです。
letter-spacingで文字の間隔を調整する方法を紹介します。字間を広げたときに中央寄せや右寄せがズレる理由と、余白を補正するCSSを解説します。
縦向き・横向きのスクロールボックスを作る方法を紹介します。領域からはみ出す内容をスクロールさせるCSSと、スクロールバーを非表示にする指定を解説します。
CSSのグラデーションでゴールドやシルバーに近い色合いを表現する方法を紹介します。複数の色と位置を指定し、金属風の背景を作るサンプルを掲載しています。
CSSだけでクリックして評価を選べる星マークを作る方法を紹介します。レビュー欄の星の表示と選択状態を、HTML・CSSのサンプルで解説します。
コーディングボタンをクリックしてテキストをコピーする機能の作り方を紹介します。HTMLとJavaScriptのサンプルコードを使って、コピー処理の流れを解説します。
flexboxで横並びにしたカードのボタンなどを下揃えにする方法を紹介します。本文量が異なるコンテンツでも、最後の要素の位置を揃えるCSSを解説します。
モーダル表示中に背後のページがスクロールしてしまう場合の対策を紹介します。jQueryを使ったサンプルコードと処理の仕組みを解説します。
CSSだけでブロック塀のような背景を作る方法を紹介します。単色と複数色のサンプルを比較し、模様の組み立て方を解説します。
JavaScriptで簡単なくじ引きシステムを作る方法を紹介します。当たりを判定して結果を表示するサンプルコードと、処理の仕組みを解説します。
CSSで長い文章を省略し、末尾に三点リーダーを表示する方法を紹介します。複数行と1行のサンプル、表示するときの注意点を解説します。