![](https://cdn-ak-scissors.b.st-hatena.com/image/square/c4170e86bbab2b589556bbab3fd5426603d63c59/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9Q1NTJTIwJUUzJTgyJUFCJUUzJTgyJUI5JUUzJTgyJUJGJUUzJTgzJUEwJUUzJTgzJTk3JUUzJTgzJUFEJUUzJTgzJTkxJUUzJTgzJTg2JUUzJTgyJUEzJUUzJTgxJUFGJUUzJTgzJTkxJUUzJTgzJUE5JUUzJTgzJUExJUUzJTgzJUJDJUUzJTgyJUJGJUUzJTgxJUFFJUU1JUE0JUEyJUUzJTgyJTkyJUU4JUE2JThCJUUzJTgyJThCJUUzJTgxJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1kYmVjNmZhZDY1MTYyYjVkZTkzMzk0NGExY2UxMmNhNQ%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBrdW1hem8mdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTJjOTY2ZTA4MTliZTk4NDJmMjZiOWQ4YjBkNzM2ZGQ4%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3D5383488970c4bd2a67beb56a9a8ce1e9)
エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSS カスタムプロパティはパラメータの夢を見るか - Qiita
CSS カスタムプロパティ(CSS 変数)についてちょっと調べたことがあったので、この場を借りてまとめて... CSS カスタムプロパティ(CSS 変数)についてちょっと調べたことがあったので、この場を借りてまとめておきます。 はじめに CSS はスタイルのプロパティ値を設定できても参照ができない。 たとえばボックスの height をテキストの行数で指定したくても、現在の line-height を参照することができないので calc() などで計算することはできず、あらかじめ算出した固定値を直接設定する必要がある。 CSS カスタムプロパティを使えば、意味付けされた値(変数)を定義し、複数のスタイルプロパティから参照したり、calc() での計算に用いることが可能になる。 .line-clump { /* 1行の高さ */ --line-height: 1.5em; /* 単位付きのプロパティ値 */ /* 表示行数 */ --line-count: 3; /* 整数値 */ /*リーダ用文字列
2018/01/20 リンク