単位 <length> | MDN 使い方 px:1ピクセル em:その要素に指定された文字サイズを基準とした長さ/font-size に使う場合は親要素が基準となる rem:ルート要素の文字サイズを基準とし […]
Articles Tagged: CSS
字詰めを設定する方法 (font-feature-settings) [CSS]
font-feature-settings font-feature-settings | MDN 使い方 プロポーショナルメトリクスを用いて字詰めを行う。 font-feature-settings: “palt”; […]
id 属性 [HTML]
id 属性 要素の識別子として使われる。 ドキュメント内で重複してはならない。 文法に違反して重複している場合、document.getElementById を使うと最初の要素が取得される。(※実装に依存する) 大文字 […]
クリックイベントを制御する方法 (pointer-events) [CSS]
pointer-events pointer-events | MDN 使い方 クリックした際にイベントが発生しないようにする。 pointer-events: none; リンクを無効化する。 .disabled-li […]
ボーダー (border) [CSS]
ボーダー border プロパティによって境界線の描画を一括で設定する。border-width、border-style、border-color プロパティによって太さ、種類、色を個別に指定することができる。また、b […]
要素を透明/半透明にする方法 (opacity) [CSS]
opacity opacity | MDN 使い方 CSS で使われる透明3種類の使い方 – Qiita opacity | HTML クイックリファレンス Image Opacity / Transpare […]
文字の見栄えを調整する方法 [CSS]
font-smoothing WebKit 系のブラウザでフォントにグレイスケールアンチエイリアスを施す。CSS 非標準の機能。(macOS のみ対応/Windows では効果がない) -webkit-font-smoo […]
テキストに影を付ける方法 (text-shadow) [CSS]
text-shadow text-shadow | CSS3 リファレンス (htmq.com) text-shadow | MDN 細字のフォントを見やすくする Windows の Chrome でメイリオフォントが潰 […]
フォントを指定する方法 (font-family) [CSS]
font-family font-family | MDN 使い方 2021年に最適な font-family の書き方 | ICS MEDIA font-family の正しい指定方法とおすすめフォント設定まとめ | […]
float [CSS]
float 要素をブロックの左右どちらかに沿うように配置し、その前後のテキストやインライン要素が float 要素を回り込むように配置する。 float | MDN clearfix .clearfix::after { […]