丸い 角 CSS(派幅と クロム)
みんな 分かる ことだが ソース 掻くこと 易しく 締めくくる.
一応 ソースから.</p>
-moz-border-radius: 10px; -webkit-border-radius: 10px;
</p>
上のように すれば 指輪金 10px路 角を 丸く 処理する. -moz-街 付いた 蟹 足りなくて エンゼン(すなわち, ファイアフォックス など)で 支援する ので, -webkit-これ 付いた 蟹 ウェブキッ エンジン(すなわち, クロムと サファリ など)で 支援する のだ.
上 CSS増えた それぞれ 下のように 各 角別で 違うように 使う 数 ある. これ 切符は CSS: border-radius and -moz-border-radiusで コピした のだ.
| CSS3 (まだ 使用 不可) | 足りなくて エンジン(派幅 など) | ウェブキッ エンジン(クロム,サファリ など) |
|---|---|---|
| border-top-right-radius | -moz-border-radius-topright | -webkit-border-top-right-radius |
| border-bottom-right-radius | -moz-border-radius-bottomright | -webkit-border-bottom-right-radius |
| border-bottom-left-radius | -moz-border-radius-bottomleft | -webkit-border-bottom-left-radius |
| border-top-left-radius | -moz-border-radius-topleft | -webkit-border-top-left-radius |
| border-radius | -moz-border-radius | -webkit-border-radius |
やっぱり 縮約型も ある.</p>
-moz-border-radius: 10px 0 0 10px; -webkit-border-radius 10px 0 0 10px;
</p>
こんなに 使えば ウェンチォックウィと 左側の下だけ 丸く 処理される.
すなわち, はじめから ウェンチォックウィ/オルンチォックウィ/右側の下/左側の下 戍で 時計方向で 回しながら 適用される.
- コメント機能はありません。コメントの代わりに[email protected]にメールを送ってください。