属性形状不存在？

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 and Firefox 都在考虑中

有关 Can I use CSS Shapes

的更多信息

正如@Paulie_D 在他的评论中已经指出的那样，验证器往往非常严格，并且大多数时候不识别带有供应商前缀的实验性功能或属性。不代表最后不行。

属性形状不存在？

Property shape doesn't exist?

css

w3c-validation

css-shapes

MDN `shape-outside`

属性 形状不存在？

Property shape doesn't exist?

css

w3c-validation

css-shapes

MDN shape-outside

属性形状不存在？

MDN `shape-outside`