0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

[css] -webkit-border-radius について

Posted at

①-webkit-border-radiusとは
-webkit-border-radiusは、CSSのプロパティの一つで、要素の角を丸くするためのプロパティです。

②使い方法
-webkit-border-radiusを使うには、以下のような書き方をします。

div {
-webkit-border-radius: 10px;
}

上記のように、-webkit-border-radiusプロパティを使うと、div要素の角を10pxの半径で丸くすることができます。

③実際試したところ
以下のようなHTMLとCSSを使って、実際に-webkit-border-radiusを試してみました。

テスト

.box {
width: 200px;
height: 200px;
background-color: #ccc;
-webkit-border-radius: 10px;
}

実行結果として、div要素の角が10pxの半径で丸くなりました。

Something went wrong
参考:https://eigo-bunpou.com/each/

④終わりに
-webkit-border-radiusは、要素の角を丸くするためのプロパティです。CSSで要素をより見栄えの良いものにするために、-webkit-border-radiusを使うことができます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?