Border Image Practice


by Jeremy Caudle
code

Trying out image-border for the first time. I have a lot to learn about it.

Today I'm trying out the border-image property. I've never used on a commercial project, so I thought it would be something I need to learn more about. I have a lot to learn as it's a bit tricky to do what I want to do.

View the code:

HTML and JS 
<div class="codedoodle-block">
		<p>Today I'm trying out the border-image property. I've never used on a commercial project, so I thought it would be something I need to learn more about. I have a lot to learn as it's a bit tricky to do what I want to do.</p>
		</div>
CSS 
.codedoodle-block {
				margin: 1rem 0;
				padding: .5rem;
				background-color: rgba(0, 0, 0, .2);
				border-image: url('https://jeremycaudle.com/ygg/resources/f672093e-80b2-43af-810d-3e42de444705.png') repeat;
			}

Tags