csstdg5figs/07-padding-borders-outlines-and-margins/borders_image-defining-source.html at main · meyerweb/csstdg5figs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
			"http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Defining a border image’s source</title>
<link rel="stylesheet" type="text/css" href="c/pbom-baseline.css">
<style type="text/css">
body {width: 35em;}
p#imageborder {border: 25px dotted;
	border-image-source: url(i/circle.png);}
</style>
</head>
<body>

<p id="imageborder">
Enim option nonummy at typi habent cavaliers independence andre norton the gold coast. Quarta euismod dennis kucinich legentis mark mothersbaugh bentleyville. Dolore ii in esse etiam brooklyn glenwillow nobis delenit shaker heights aliquam eros.
</p>

<p>Here’s the image that was used for the border above: <img src="i/circle.png" alt=""></p>

</body>
</html>