csstdg5figs/07-padding-borders-outlines-and-margins/borders_image-all-around.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
24
25
26
<!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>An all-around image border</title>
<link rel="stylesheet" type="text/css" href="c/pbom-baseline.css">
<style type="text/css">
body {width: 33em;}
p#imageborder {
	border: 25px solid;
	border-image-source: url(i/circles.png);
	border-image-slice: 33.33%;
}
</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/circles.png" alt=""></p>

</body>
</html>