--- title: CSS Shapes slug: Web/CSS/CSS_Shapes tags: - CSS Regions - CSS Shapes - CSS3 Shapes & CSS3 Regions translation_of: Web/CSS/CSS_Shapes --- <div>{{CSSRef}}</div> <p><strong>CSS Shapes</strong> 是一个 CSS 模块,用于定义在 CSS 值中使用的几何形状。</p> <div class="note"> <h3 id="CSS3_Shapes_CSS3_Regions">CSS3 Shapes & CSS3 Regions</h3> <p><a href="https://www.w3.org/TR/css-shapes-1/" rel="nofollow">https://www.w3.org/TR/css-shapes-1/</a><br> <a href="https://www.w3.org/TR/css-regions-1/" rel="nofollow">https://www.w3.org/TR/css-regions-1/</a></p> </div> <h2 id="Reference">Reference</h2> <h3 id="Properties">Properties</h3> <div class="index"> <ul> <li>{{cssxref("shape-image-threshold")}}</li> <li>{{cssxref("shape-margin")}}</li> <li>{{cssxref("shape-outside")}}</li> </ul> </div> <h3 id="Data_types">Data types</h3> <div class="index"> <ul> <li>{{cssxref("<basic-shape>")}}</li> </ul> </div> <h2 id="Guides">Guides</h2> <p><em>None.</em></p> <h2 id="Specifications">Specifications</h2> <table class="standard-table"> <thead> <tr> <th scope="col">Specification</th> <th scope="col">Status</th> <th scope="col">Comment</th> </tr> </thead> <tbody> <tr> <td>{{SpecName("CSS Shapes")}}</td> <td>{{Spec2("CSS Shapes")}}</td> <td>Initial definition</td> </tr> </tbody> </table>