気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
hail2u.netエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント2件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
border-*-radius: 100%
あんまりborder-top-left-radiusプロパティーとか使ったことなかったのでスケーラブルな半円をborder-*-... あんまりborder-top-left-radiusプロパティーとか使ったことなかったのでスケーラブルな半円をborder-*-radiusプロパティーを組み合わせて作ろうとしてうまく行かなかった。スケーラブルにするのは仕様の理解と一工夫が必要なようだ。100%が100%じゃないことがあるので。 Demo: border-*-radius: 100% デモを見るとわかる(わからない)ように組み合わせによって100%が50%になってしまう。角を丸めた時にその丸まりが重ならないように適当に値を小さくして丸めるとちゃんと仕様で決められていた。つまりデモの最後の例のように縦と横の丸めを別々に指定して重ならないようにすれば、意図した通りに角を丸めることができるだろう。 例えばおわんを伏せたような半円を作りたいなら以下のようなCSSを書けばいける。 .test { border-top-left-ra
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
hail2u.net
hail2u.net
hail2u.net
hail2u.net
nordot.app
www.sponichi.co.jp
note.com/senzokuondai
www.kobe-np.co.jp
www.gizmodo.jp
developer.chrome.com
zenn.dev/forcia_tech
developers.cyberagent.co.jp
togetter.com
bering.hatenadiary.com
2012/02/12 リンク