Clear Sky Source - line-height はどの位つけましょうか？
コバの備忘録たまーに、本当にたまーにではありますが、複数人で話しているときに、line-height はどの位にしましょうか？という話題が出ることがあります。だいたいそんな時は各々が自分の考えを言って、それで終わってしまっていましたので、今回、ちょこっとのサイトでどんな指定をしているのか調べてみました。 （ちなみに今回調べるのに参考にしたサイトは、Web のフロントエンドで飯を食う方であれば概ね知っていたり、有名だったり、またアクセシビリティというかユーザビリティなんかも考えていらっしゃって、文字の読みやすさなんかにも気を使っているのだろうと思われるサイトです。 また、調べたページは、主に、ある程度文章量があるページを参考にしています。） インフォアクシア 言わずと知れたアクセシビリティにおける日本総本山。 「実践ノウハウページ」では、1.3emが指定されています。 富士通 こちらもま
line-height の値には単位なしが良いとされる理由
CSS で行ボックスの高さを指定する line-height 値に、em(length) や %(percentage) などの単位を付けて指定しているサイトを意外と見かける。それは間違いではないし、例えばナビゲーションとかでブロック要素の垂直センターに配置するために意図的に指定しているんであれば良いんだけれど、そうでないなら line-height 値には単位なし (number) で指定した方が良いのにとか思ったりする。その理由は Eric's Archived Thoughts: Unitless line-heights でも分かりやすく説明されているんだけど、ちと劣化コピーしてみる。 単位ありと単位なしの違い 手っ取り早く説明するために、サンプルを作ってみた。p 要素があって、その中にインライン要素の em で一部分を強調している。分かりやすいようにそれぞれの font-size
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
