[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

213users がブックマーク コメント 9

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

line-heightのハーフ・レディングを打ち消す`calc((1em - 1lh) / 2)`をCSS変数に定義しておくとよい – TAKLOG

213 users www.tak-dcxi.com

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント9

  • 注目コメント
  • 新着コメント
nikutaiha
css

その他
todays_mitsui
"ハーフ・レディング"

その他
efcl
text-box-trim & text-box-edgeを使わないハーフレディング

その他
mayumayu_nimolove
外国翻訳すると崩れるってドヤってる人、今のwebデザイナーこんなやつばかりなの?稼げなくね?普通に金取るよ。

その他
tomoakinagahara
このサイト、Mac版のSafariで見ると、レイアウトが壊れてる

その他
webstriver
長年悩みだったこれ!

その他
Shinwiki
lh...

その他
yarumato
"lhという単位に見慣れない方もいるかと思われますが、これは現在のline-heightと同じ長さを表す新しく登場した単位です。個人的ポリシーとして、可能な限りline-height:1という指定は避けてる。"

その他
casm
--の評価ってvarで呼び出したときなのか。なんとなく固定値になるイメージでいたからこの発想は無かった。応用効きそう。

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「line-heightのハー...」が注目されています。

気持ちをシェアしよう

ツイートする

line-heightのハーフ・レディングを打ち消す`calc((1em - 1lh) / 2)`をCSS変数に定義しておくとよい – TAKLOG

lhという単位に見慣れない方もいるかと思われますが、これは現在のline-heightと同じ長さを表す新しく登... lhという単位に見慣れない方もいるかと思われますが、これは現在のline-heightと同じ長さを表す新しく登場した単位です。この例ではline-heightはフォントサイズの1.5倍なので、もし1remが16pxであれば1lhは24pxとなります。 この場合、行の高さと文字の高さの負の差は1em - 1lh、つまり16px - 24pxで-8pxです。それを片方の値を算出するために2で割ると-4pxになります。したがって、margin-block: calc((1em - 1lh) / 2)は、書式のブロック方向(横書き時:上下)にそれぞれハーフ・レディングの大きさ(今回では4px)分のネガティブマージンを設定するということになります。 従来の上下の余白を打ち消す方法との比較lhが登場するまではSassの@mixinなどを使用して以下のような関数を定義し、ハーフ・レディングを打ち消す方法

ブックマークしたユーザー

  • y-teraoka2025年08月14日 y-teraoka
  • nikutaiha2025年01月08日 nikutaiha
  • klim08242024年10月01日 klim0824
  • todays_mitsui2024年10月01日 todays_mitsui
  • tabarka2024年08月06日 tabarka
  • techtech05212024年07月02日 techtech0521
  • alph292024年06月17日 alph29
  • aoiasaba2024年06月12日 aoiasaba
  • unknownlabel2024年06月12日 unknownlabel
  • herakures2024年06月09日 herakures
  • littlefield2024年06月04日 littlefield
  • eedamame2024年06月04日 eedamame
  • efcl2024年06月03日 efcl
  • takumisato2024年06月02日 takumisato
  • sskoji2024年05月31日 sskoji
  • o_hiroyuki2024年05月31日 o_hiroyuki
  • daizu61102024年05月31日 daizu6110
  • nagayama2024年05月31日 nagayama
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /