/    Sign up×
Reference /Pin to ProfileBookmark

This property is a shorthand that sets the right border’s properties.

Syntax

This shorthand sets the border-right-color, border-right-style and border-right-width properties.

/* Setting values can be done in any order
and any value can be omitted: */
border-right: thin solid blue;
border-right: #fafa33 dotted 3px;
border-right: dashed;

Values

border-width
Same values apply as with the border-width property. It can be thin, medium or thick as a keyword value or any type of length value (example: 15px or 1.3rem).

border-style
Same values apply as with the border-style property. It specifies the type of style for the line used for the inline borders. It can be solid, none, dotted,  dashed, double, inset, hidden, groove, ridge or outset

color
As with other types of color properties, any color type value is accepted.

initial
Global CSS keyword – this sets the property to the default value.

inherit
Global CSS keyword – this sets the property to be inherited from its parent element.

Browser Compatibilty

Demos

Have a code example of border-right? Submit a codepen.io demo and we'll showcase it here

to submit a demo.
CSS
×

Success!

Help @reference spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 7.21,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ,
analytics: Fullres
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: Anonymous,
tipped: article
amount: 1000 SATS,

tipper: Anonymous,
tipped: article
amount: 1000 SATS,

tipper: @Nanditha,
tipped: article
amount: 1000 SATS,
)...