物业形态不存在?

时间:2016-06-28 15:00:37

标签: css css3 css-shapes w3c-validation

我有一些似乎只适用于Chrome的代码。

当我通过W3C运行时,它会说明

  

“属性形状不存在。”

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>

1 个答案:

答案 0 :(得分:4)

仅Chrome,Opera和Safari支持,最后一个使用-webkit-

正在考虑EdgeFirefox

有关Can I use CSS Shapes

的更多信息

SS

正如@Paulie_D在他的评论中已经说过的那样,验证者往往非常严格,而且大部分时间都不能识别实验性特征或带有供应商前缀的属性。它并不意味着它最终不会起作用。

MDN shape-outside