css - 属性形状不存在？

Question

我有一些代码似乎只能在 Chrome 中运行。

当我通过 W3C 运行它时，它指出

"Property shape doesn't exist."

shape-outside 不是有效的 css 吗？

我希望页面上的主要文本环绕引文并保持引文的形状(椭圆)。

这是我的代码:

.quote {
  float: left;
  width: 40%;
  box-shadow: 10px 10px 5px #888888;
  border-radius: 50%;
  shape-outside: ellipse();
  margin: 1em;
  background-image: url(../../Images/quote.png);
  background-repeat: no-repeat;
  background-position: center top;
}
.quotext {
  display: inline-block;
  font-size: 1.5em;
  font-weight: bold;
  color: #2c6f93;
  padding: 2.25em;
  font-style: italic;
}

<p>A bunch of text</p>
<blockquote class="quote">
  <p class="quotext">pullquote text</p>
</blockquote>
<p style="text-align:left;">more text A bunch of text</p>

Answer 1

只有Chrome、Opera和Safari支持，最后一个使用-webkit-

或者Edge和 Firefox正在考虑中

有关 Can I use CSS Shapes 的更多信息

---

正如@Paulie_D 在他的评论中所述，验证器往往非常严格，并且大多数时候不识别实验性功能或带有供应商前缀的属性。这并不意味着它最终不会起作用。

---

MDN shape-outside