diff options
Diffstat (limited to 'files/ja/web/css/basic-shape/circle()')
| -rw-r--r-- | files/ja/web/css/basic-shape/circle()/index.md | 59 |
1 files changed, 0 insertions, 59 deletions
diff --git a/files/ja/web/css/basic-shape/circle()/index.md b/files/ja/web/css/basic-shape/circle()/index.md deleted file mode 100644 index 5c1b236415..0000000000 --- a/files/ja/web/css/basic-shape/circle()/index.md +++ /dev/null @@ -1,59 +0,0 @@ ---- -title: circle() -slug: Web/CSS/basic-shape/circle() -tags: - - CSS - - CSS データ型 - - CSS シェイプ - - circle - - CSS 関数 - - データ型 - - Reference -browser-compat: css.types.basic-shape.circle -translation_of: Web/CSS/basic-shape/circle() ---- -{{CSSRef}} - -**`circle()`** は [CSS](/ja/docs/Web/CSS) の関数で、{{cssxref("<basic-shape>")}} [データ型](/ja/docs/Web/CSS/CSS_Types)の一つです。 - -## 構文 - -```css -shape-outside: circle(50%); -clip-path: circle(6rem at 12rem 8rem); -``` - -### 値 - -- `<shape-radius>` - - - : {{cssxref("length")}}、{{cssxref("percentage")}}、または `closest-side` および `farthest-side` の値の何れかです。 - - - `closest-side` - - : シェイプの中心から参照ボックスの最も近い辺までの長さを使用します。円の場合は、あらゆる軸で最も近い辺となります。 - - `farthest-side` - - : シェイプの中心から参照ボックスの最も遠い辺までの長さを使用します。円の場合は、あらゆる軸で最も近い辺となります。 - -- `<position>` - - : 円の中心を移動します。{{cssxref("length")}}、{{cssxref("percentage")}}、または `left` のような値の何れかです。 - -## 例 - -### 基本的な円 - -下の例では、{{cssxref("shape-outside")}} プロパティの値が `circle(50%)` となっており、浮動要素に円を定義して、テキストが回り込むようになっています。 - -{{EmbedGHLiveSample("css-examples/shapes/overview/circle.html", '100%', 720)}} - -## 仕様書 - -{{Specifications}} - -## ブラウザーの互換性 - -{{Compat}} - -## 関連情報 - -- このデータ型を使用するプロパティ: {{cssxref("clip-path")}}, {{cssxref("shape-outside")}} -- [基本シェイプのガイド](/ja/docs/Web/CSS/CSS_Shapes/Basic_Shapes) |