Skip to content
Navigation Menu
Toggle navigation
Sign in
Product
Actions
Automate any workflow
Packages
Host and manage packages
Security
Find and fix vulnerabilities
Codespaces
Instant dev environments
GitHub Copilot
Write better code with AI
Code review
Manage code changes
Issues
Plan and track work
Discussions
Collaborate outside of code
Explore
All features
Documentation
GitHub Skills
Blog
Solutions
By size
Enterprise
Teams
Startups
By industry
Healthcare
Financial services
Manufacturing
By use case
CI/CD & Automation
DevOps
DevSecOps
Resources
Topics
AI
DevOps
Security
Software Development
Explore
Learning Pathways
White papers, Ebooks, Webinars
Customer Stories
Partners
Open Source
GitHub Sponsors
Fund open source developers
The ReadME Project
GitHub community articles
Repositories
Topics
Trending
Collections
Enterprise
Enterprise platform
AI-powered developer platform
Available add-ons
Advanced Security
Enterprise-grade security features
GitHub Copilot
Enterprise-grade AI features
Premium Support
Enterprise-grade 24/7 support
Pricing
Search or jump to...
Search code, repositories, users, issues, pull requests...
Search syntax tips
Provide feedback
Saved searches
Use saved searches to filter your results more quickly
Sign in
Sign up
Reseting focus
You signed in with another tab or window.
Reload
to refresh your session.
You signed out in another tab or window.
Reload
to refresh your session.
You switched accounts on another tab or window.
Reload
to refresh your session.
Dismiss alert
{{ message }}
meyerweb
/
csstdg5figs
Public
Notifications
You must be signed in to change notification settings
Fork
14
Star
45
Code
Issues
3
Pull requests
4
Actions
Projects
0
Security
Insights
Additional navigation options
Code
Issues
Pull requests
Actions
Projects
Security
Insights
Files
main
Breadcrumbs
csstdg5figs
/
07-padding-borders-outlines-and-margins
/
borders_image-border-overhang.html
Blame
Blame
Latest commit
History
History
executable file
·
34 lines (32 loc) · 945 Bytes
main
Breadcrumbs
csstdg5figs
/
07-padding-borders-outlines-and-margins
/
borders_image-border-overhang.html
Top
File metadata and controls
Code
Blame
executable file
·
34 lines (32 loc) · 945 Bytes
Raw
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
27
28
29
30
31
32
33
34
<!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
>
Creating an image border overhang
</
title
>
<
link
rel
="
stylesheet
"
type
="
text/css
"
href
="
c/pbom-baseline.css
"
>
<
style
type
="
text/css
"
>
body {display: flex; justify-content: space-around;}
body > p {width: 25%;}
p.border {border: 2px solid; padding: 0.5em;}
p.image.border {
border-image-source: url(i/circles.png);
border-image-slice: 50;
border-image-width: 10px;
}
p.outset {
border-image-outset: 8px;
</
style
>
</
head
>
<
body
>
<
p
class
="
image border outset
"
>
A paragraph with a 10-pixel image border and an 8-pixel border image outset.
</
p
>
<
p
class
="
image border
"
>
A paragraph with a 10-pixel image border but no border image outset.
</
p
>
<
p
class
="
border
"
>
A paragraph without an image border, but with the same styles otherwise.
</
p
>
</
body
>
</
html
>
You can’t perform that action at this time.