タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
2022年現在、CSSでテキストに蛍光ペン風の下線を引く方法をググるとだいたいlinear-gradientを使った記事がヒットします。しかし、いまどきはlinear-gradientを使わなくてもtext-decorationで同じような表現ができるので紹介しておきます。 結論: こういうCSSをあてる /* セレクタ名はてきとう */ .highlight { text-decoration: underline; /* 下線 */ text-decoration-thickness: 0.5em; /* 線の太さ */ text-decoration-color: rgba(255, 228, 0, 0.4); /* 線の色 */ text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */ text-decoration-
ちょっとしたCSSのTipsを紹介します。 テキストの一部をtext-decorationの適用対象外にしたい text-decoration: underlineにより下線が表示されるリンクがあるとします。
【イタリア産生ハム食べ放題が2,000円】新宿南口『Decoration Kitchen』にて土日限定の極上生ハム食べ放題がスタート！
『Decoration Kitchen』土日限定の極上生ハム食べ放題 『Decoration Kitchen』にて開催される極上生ハム食べ放題は、12月11日（土）より土日限定でスタート。 11日（土）と12日（日）の2日間は、スタート記念として通常3,000円のところを2,000円で提供されます。 『Decoration Kitchen』で提供される極上生ハムは、「イベリ家」のオーナーであり“生ハムコーディネーター”の山田悠平氏がセレクトしたもの。 山田氏が特別に目利きをした、イタリア産のプロシュートやプロシュートパルマが堪能できます。 『Decoration Kitchen』詳細 ■店舗名：Decoration Kitchen ■所在地：東京都渋谷区代々木2-2-1 小田急ホテルセンチュリーサザンタワー 19階 ■アクセス：JR新宿駅南口から徒歩3分 ■営業時間：【平日・祝前日】11:
CSSのtext-decorationって下線や打ち消し線を引くだけでなく、実は色々できたりします。あまり知られていないような気がしたのでまとめておきます。 普通に下線を引く場合 よく使うのは下線だったり、打ち消し線ですね。 .foo { text-decoration: underline; /* 下線 */ } .bar { text-decoration: line-through; /* 打ち消し線 */ }
Window decoration - りあさんの世界
（新米のこと） 先日北海道の知人農家さんから ゆめぴりかの新米を２０キロ、玄米で買った。 １０キロの米を車に積んで 私の知っている唯一のコイン精米機へ。 （そういえば普段生活していて、コイン精米機を見かけない。） １０年以上ぶりなので ドキドキしながら精米。。。あっけなく終了。 ここで、料金表の下の注意書きが目に留まる( ﾟДﾟ) ⚠お米によっては追加料金が必要な場合があります。 ●古い玄米 ●水分の高いお米 ●ハダズレ米 ●保冷庫から出した直後のお米 「ハダズレ米」なんて初めて聞いたー。肌ずれ米。 「肌ずれ」ときたら 床ずれ 股ずれ あばずれ。。。。と連想（爆） 「傷のついた玄米」の事を「ハダズレ米」って言うんだとか。私は知らなかった。 知れば使いたいけど 使わないだろう言葉、そのうち忘れちゃうかも（爆） ちなみに 家族の中で私だけは 何年も前から玄米食🍚✨ 私にはもう、白米が柔らか
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「CSSで蛍光ペンっぽいアンダーライン」はtext-decorationで実現できる
CSSのtext-decorationで一部のテキストだけ下線を非表示にする
CSSのtext-decorationは意外と色々なスタイル調整ができる
usagi-giken.com
www.kobonemi.com
ocmay2023-1.hatenablog.com
news.yahoo.co.jp
www.youtube.com
topics.smt.docomo.ne.jp