css 左边框标题行[闭合]

2ledvvac 于 2023-05-19 发布在其他

关注(0)|答案(1)|浏览(105)

已关闭，此问题需要details or clarity。目前不接受答复。
**想改善这个问题吗？**通过editing this post添加详细信息并澄清问题。

2天前关闭。
Improve this question
我有这个博客标题，通常占用超过1行。
我希望每一行都有一个5px的左边框，就像下面的例子：

css

来源：https://stackoverflow.com/questions/76265200/title-lines-with-border-left

1条答案

按热度按时间

b0zn9rqh1#

box-decoration-break属性是您要搜索的。您可能需要根据所支持的浏览器使用浏览器前缀。对于Chrome和Edge，我们需要-webkit-box-decoration-break。
JSFiddle

body {
  background: grey;
}

div {
  width: 350px;
  font-size: 24px;
  line-height: 32px;
  padding: 5px;
}

span {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  background: white;
  border-left: 4px solid orange;
  padding-left: 4px;
}

<div>
  <span>Fusce vehicula enim. Sed libero justo lorem, morbi, commodo labore litora</span>
</div>

赞(0）回复(0）举报 2023-05-19

我来回答

css 左边框标题行[闭合]

1条答案

相关问题

热门标签

最新问答