GATE CS39 logo
  • All properties
  • Animations
  • Backgrounds
  • Box model
  • Flexbox
  • CSS Grid
  • Positioning
  • Transitions
  • Typography
  • align-content
  • align-items
  • align-self
  • animation-delay
  • animation-direction
  • animation-duration
  • animation-fill-mode
  • animation-iteration-count
  • animation-name
  • animation-play-state
  • animation-timing-function
  • animation
  • background-attachment
  • background-clip
  • background-color
  • background-image
  • background-origin
  • background-position
  • background-repeat
  • background-size
  • background
  • border-bottom-color
  • border-bottom-left-radius
  • border-bottom-right-radius
  • border-bottom-style
  • border-bottom-width
  • border-bottom
  • border-collapse
  • border-color
  • border-left-color
  • border-left-style
  • border-left-width
  • border-left
  • border-radius
  • border-right-color
  • border-right-style
  • border-right-width
  • border-right
  • border-style
  • border-top-color
  • border-top-left-radius
  • border-top-right-radius
  • border-top-style
  • border-top-width
  • border-top
  • border-width
  • border
  • bottom
  • box-shadow
  • box-sizing
  • clear
  • color
  • column-count
  • column-gap
  • column-width
  • content
  • cursor
  • display
  • flex-basis
  • flex-direction
  • flex-flow
  • flex-grow
  • flex-shrink
  • flex-wrap
  • float
  • font-family
  • font-size
  • font-style
  • font-variant
  • font-weight
  • font
  • grid-area
  • grid-auto-columns
  • grid-auto-flow
  • grid-auto-rows
  • grid-column-end
  • grid-column-gap
  • grid-column-start
  • grid-column
  • grid-gap
  • grid-row-end
  • grid-row-gap
  • grid-row-start
  • grid-row
  • grid-template-areas
  • grid-template-columns
  • grid-template-rows
  • grid-template
  • grid
  • height
  • justify-content
  • left
  • letter-spacing
  • line-height
  • list-style-image
  • list-style-position
  • list-style-type
  • list-style
  • margin-bottom
  • margin-left
  • margin-right
  • margin-top
  • margin
  • max-height
  • max-width
  • min-height
  • min-width
  • mix-blend-mode
  • opacity
  • order
  • outline-color
  • outline-style
  • outline-width
  • outline
  • overflow-wrap
  • overflow-x
  • overflow-y
  • overflow
  • padding-bottom
  • padding-left
  • padding-right
  • padding-top
  • padding
  • pointer-events
  • position
  • resize
  • right
  • text-align
  • text-decoration
  • text-indent
  • text-overflow
  • text-shadow
  • text-transform
  • top
  • transform-origin
  • transform
  • transition-delay
  • transition-duration
  • transition-property
  • transition-timing-function
  • transition
  • vertical-align
  • white-space
  • width
  • will-change
  • word-break
  • word-spacing
  • z-index
Close

CSS Reference is free and always will be!

Please whitelist us in your ad blocker.

Thank you! Hugging face emoji

A guide for GATE CS Created by @jgthms

Share Menu

In collection: positioning Permalink Share MDN

#right

Defines the position of the element according to its right edge.

default right: auto;

The element will remain in its natural position.

Parent container

Natural position
Actual position

right: 80px;

If the element is in position relative, the element will move right by the amount defined by the right value.

Parent container

Natural position
Actual position

right: -20px;

If the element is in position absolute, the element will position itself from the right of the first positioned ancestor.

Parent container

Natural position
Actual position

Share this CSS property

Share on Twitter Share on Facebook