CSSで下線を引く方法まとめ - 様々な装飾方法とアニメーションに適した指定まで - ICS MEDIA

2023/01/26 26 users CSS ICS MEDIA アニメーション プロパティ 指定

CSSでテキストに下線を引く場合、皆さんはどのプロパティを使いますか？　 text-decorationかborder-bottomか、はたまたbackground-imageプロパティか…。いろいろな方法で下線を引けるために、どれを使えばよいのか迷った経験がある方もいるでしょう。 この記事ではテキストの下線を引く方法を場面別に紹介します。 たく... 続きを読む

SVGでテキストにマーカーを引いたり、くるっと丸く囲む超軽量JavaScriptライブラリ -Rough Notation | コリス

2020/06/14 21 users コリス SVG アニメーショ マーカー 矩形

テキストに蛍光ペンで引いたようなマーカーを引いたり、下線をつかたり、丸や矩形で囲ったり、さまざまなスタイルでテキストを強調表示できる超軽量（3.63Kb）のJavaScriptライブラリを紹介します。 アニメーションにも対応しており、マーカーをさっと引いたり、丸でくるっと囲んだりも簡単に実装できます。アニメーショ... 続きを読む

10連休を乗り切る！ラクする献立10日分。子供がよろこぶ簡単レシピ特選30食 | つくりおき食堂

2019/04/25 55 users おき食堂 献立 子供 10連休 短時間

10連休を乗り切る簡単な献立を10日分紹介します。10日間30食あるのでどこか1日でもお役に立てると幸いです。レンジ調理中に火を使わない、またはフライパンおかずを調理することで短時間で献立が完成します。子供がよろこぶ簡単おかずばかりなので作っていただけたら嬉しいです。写真またはピンクの下線がある部分をタッ... 続きを読む

本に下線を引くのは有効か否か - Togetter

2018/06/29 184 users Togetter

@yoshim32 「魚崎祐子『テキストを用いた学習場面における下線ひき行動の役割と有効性の検討』 早稲田大学 博士(人間科学)学位論文」hdl.handle.net/2065/458 これよむと、こういう場合には効果があるらしいとかいい感じでいろんあ研究がまとめられてたよ。 続きを読む

ユーザー体験を向上させるテキストの下線の使い方 | Adobe Creative Station

2017/12/25 48 users テキスト Adobe Creative Station

下線はテキスト直下の水平な線です。日常生活では、印刷物の強調したい箇所にペンで下線が引かれます。しかし、デジタルデザインの世界では、下線には別の意味があります。実の所、下線はオンラインで最も認知されている機能の一つです。Webページで単語や文章に下線が引かれていたら、誰もがそれはリンクだと仮定するでしょう。 この記事では、下線のコンセプトを解説し、Web体験を向上する使い方のヒントを紹介します。 ... 続きを読む

語学の学習にピッタリ！　下線をひくと翻訳されるペンのアイデア : ギズモード・ジャパン

2013/04/10 21 users ギズモード 英文読解 語学 ガジェット 辞書

ガジェット（面白アイテム） , コンセプトデザイン 語学の学習にピッタリ！　下線をひくと翻訳されるペンのアイデア 2013.04.11 08:00 学生時代にこんなペン欲しかった！ 分からない単語が出てくる度に辞書をひき、英文読解が億劫になってしまう。そんな苦労ももう無くなるかもしれません。分からない単語に下線をひくと翻訳されるペンが開発されれば。 ペンに取り付けられているボタンを押しながら下線を... 続きを読む

テキストリンクの差別化にborder-bottomを使ってみる｜Webpark

2013/01/17 16 users Webpark text-decoration 点線 差別化

最近海外のサイトなんかを見ているとテキストリンクにボーダーを使っているサイトが多い気がします。普段だと「text-decoration: underline;」のところ「border-bottom: 1px solid #003f8e;」って感じです。 ボーダーにすることで何ができるかというと、テキストの色と違う色の下線にできたり、点線にできたりします。 例えばこんな感じ。下線の色のみ変えています... 続きを読む