2/29/24, 7:29 PM CSS Reference

 Tutorials  Exercises  Services   Sign Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C

CSS Reference
❮ Home Next ❯

CSS Properties
 Search..

A
accent-color Specifies an accent color for user-interface controls

align-content Specifies the alignment between the lines inside a flexible

container when the items do not use all available space

align-items Specifies the alignment for items inside a flexible container

align-self Specifies the alignment for selected items inside a flexible

container

all Resets all properties (except unicode-bidi and direction)

animation A shorthand property for all the animation-* properties

animation-delay Specifies a delay for the start of an animation

animation-direction Specifies whether an animation should be played forwards,

backwards or in alternate cycles

https://www.w3schools.com/cssref/index.php 1/26
2/29/24, 7:29 PM CSS Reference

animation-duration
Tutorials  Specifies how long an animation
Exercises  Services 
one cycle
 should take Sign
to complete
Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
animation-fill-mode Specifies a style for the element when the animation is not
playing (before it starts, after it ends, or both)

animation-iteration- Specifies the number of times an animation should be

count played

animation-name Specifies a name for the @keyframes animation

animation-play-state Specifies whether the animation is running or paused

animation-timing- Specifies the speed curve of an animation

function

aspect-ratio Specifies preferred aspect ratio of an element

B
backdrop-filter Defines a graphical effect to the area behind an element

backface-visibility Defines whether or not the back face of an element should

be visible when facing the user

background A shorthand property for all the background-* properties

background- Sets whether a background image scrolls with the rest of

attachment the page, or is fixed

background-blend- Specifies the blending mode of each background layer

mode (color/image)

background-clip Defines how far the background (color or image) should

extend within an element

background-color Specifies the background color of an element

background-image Specifies one or more background images for an element

background-origin Specifies the origin position of a background image

background-position Specifies the position of a background image

background-position-x Specifies the position of a background image on x-axis

https://www.w3schools.com/cssref/index.php 2/26
2/29/24, 7:29 PM CSS Reference

background-position-y
Tutorials 
Specifies the position of a background
Exercises  Services   image on y-axis
Sign Up Log in
background-repeat Sets if/how a background image will be repeated
HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
background-size Specifies the size of the background images

block-size Specifies the size of an element in block direction

border A shorthand property for border-width, border-style and

border-color

border-block A shorthand property for border-block-width, border-block-

style and border-block-color

border-block-color Sets the color of the borders at start and end in the block
direction

border-block-end A shorthand property for border-block-end-width, border-

block-end-style and border-block-end-color

border-block-end-color Sets the color of the border at the end in the block direction

border-block-end-style Sets the style of the border at the end in the block direction

border-block-end-width Sets the width of the border at the end in the block
direction

border-block-start A shorthand property for border-block-start-width, border-

block-start-style and border-block-start-color

border-block-start- Sets the color of the border at the start in the block
color direction

border-block-start- Sets the style of the border at the start in the block
style direction

border-block-start- Sets the width of the border at the start in the block
width direction

border-block-style Sets the style of the borders at start and end in the block
direction

border-block-width Sets the width of the borders at start and end in the block
direction

border-bottom A shorthand property for border-bottom-width, border-

bottom-style and border-bottom-color

https://www.w3schools.com/cssref/index.php 3/26
2/29/24, 7:29 PM CSS Reference

border-bottom-color
Tutorials  Sets the color of the bottomborder
Exercises  Services  Sign Up Log in
border-bottom-left- Defines the radius of the border of the bottom-left corner
HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
radius

border-bottom-right- Defines the radius of the border of the bottom-right corner

radius

border-bottom-style Sets the style of the bottom border

border-bottom-width Sets the width of the bottom border

border-collapse Sets whether table borders should collapse into a single

border or be separated

border-color Sets the color of the four borders

border-end-end-radius Sets the radius of the corner between the block-end and
the inline-end sides of the element

border-end-start- Sets the radius of the corner between the block-end and
radius the inline-start sides of the element

border-image A shorthand property for all the border-image-* properties

border-image-outset Specifies the amount by which the border image area

extends beyond the border box

border-image-repeat Specifies whether the border image should be repeated,

rounded or stretched

border-image-slice Specifies how to slice the border image

border-image-source Specifies the path to the image to be used as a border

border-image-width Specifies the width of the border image

border-inline A shorthand property for border-inline-width, border-inline-

style and border-inline-color

border-inline-color Sets the color of the borders at start and end in the inline
direction

border-inline-end A shorthand property for border-inline-end-width, border-

inline-end-style and border-inline-end-color

border-inline-end-color Sets the color of the border at the end in the inline direction

https://www.w3schools.com/cssref/index.php 4/26
2/29/24, 7:29 PM CSS Reference

border-inline-end-style
Tutorials  Sets the style of the border 
Exercises  Services  at the end in the inline direction
Sign Up Log in
border-inline-end- Sets the width of the border at the end in the inline
HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
width direction

border-inline-start A shorthand property for border-inline-start-width, border-

inline-start-style and border-inline-start-color

border-inline-start- Sets the color of the border at the start in the inline
color direction

border-inline-start- Sets the style of the border at the start in the inline
style direction

border-inline-start- Sets the width of the border at the start in the inline
width direction

border-inline-style Sets the style of the borders at start and end in the inline
direction

border-inline-width Sets the width of the borders at start and end in the inline
direction

border-left A shorthand property for all the border-left-* properties

border-left-color Sets the color of the left border

border-left-style Sets the style of the left border

border-left-width Sets the width of the left border

border-radius A shorthand property for the four border-*-radius

properties

border-right A shorthand property for all the border-right-* properties

border-right-color Sets the color of the right border

border-right-style Sets the style of the right border

border-right-width Sets the width of the right border

border-spacing Sets the distance between the borders of adjacent cells

border-start-end- Sets the radius of the corner between the block-start and
radius the inline-end sides of the element

https://www.w3schools.com/cssref/index.php 5/26
2/29/24, 7:29 PM CSS Reference

border-start-start-
Tutorials 
radius
Sets the radius of the corner
Exercises  Services  between the block-start
the inline-start sides of the element
Sign Up and
Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
border-style Sets the style of the four borders

border-top A shorthand property for border-top-width, border-top-style

and border-top-color

border-top-color Sets the color of the top border

border-top-left-radius Defines the radius of the border of the top-left corner

border-top-right-radius Defines the radius of the border of the top-right corner

border-top-style Sets the style of the top border

border-top-width Sets the width of the top border

border-width Sets the width of the four borders

bottom Sets the elements position, from the bottom of its parent
element

box-decoration-break Sets the behavior of the background and border of an

element at page-break, or, for in-line elements, at line-
break.

box-reflect The box-reflect property is used to create a reflection of an

element.

box-shadow Attaches one or more shadows to an element

box-sizing Defines how the width and height of an element are

calculated: should they include padding and borders, or not

break-after Specifies whether or not a page-, column-, or region-break

should occur after the specified element

break-before Specifies whether or not a page-, column-, or region-break

should occur before the specified element

break-inside Specifies whether or not a page-, column-, or region-break

should occur inside the specified element

C
https://www.w3schools.com/cssref/index.php 6/26
2/29/24, 7:29 PM CSS Reference

caption-side
Tutorials  Specifies the placement of atable caption
Exercises  Services  Sign Up Log in

caret-color Specifies the color of the cursor (caret) in inputs, textareas,

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
or any element that is editable

@charset Specifies the character encoding used in the style sheet

clear Specifies what should happen with the element that is next
to a floating element

clip Clips an absolutely positioned element

clip-path Clips an element to a basic shape or to an SVG source

color Sets the color of text

column-count Specifies the number of columns an element should be

divided into

column-fill Specifies how to fill columns, balanced or not

column-gap Specifies the gap between the columns

column-rule A shorthand property for all the column-rule-* properties

column-rule-color Specifies the color of the rule between columns

column-rule-style Specifies the style of the rule between columns

column-rule-width Specifies the width of the rule between columns

column-span Specifies how many columns an element should span

across

column-width Specifies the column width

columns A shorthand property for column-width and column-count

content Used with the :before and :after pseudo-elements, to insert

generated content

counter-increment Increases or decreases the value of one or more CSS

counters

counter-reset Creates or resets one or more CSS counters

counter-set Creates or sets one or more CSS counters

https://www.w3schools.com/cssref/index.php 7/26
2/29/24, 7:29 PM CSS Reference

cursorTutorials  Specifies the mouse cursor 

Exercises  Services 
over an element
to be displayed when pointing
Sign Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C

D
direction Specifies the text direction/writing direction

display Specifies how a certain HTML element should be displayed

E
empty-cells Specifies whether or not to display borders and background
on empty cells in a table

F
filter Defines effects (e.g. blurring or color shifting) on an
element before the element is displayed

flex A shorthand property for the flex-grow, flex-shrink, and the

flex-basis properties

flex-basis Specifies the initial length of a flexible item

flex-direction Specifies the direction of the flexible items

flex-flow A shorthand property for the flex-direction and the flex-

wrap properties

flex-grow Specifies how much the item will grow relative to the rest

flex-shrink Specifies how the item will shrink relative to the rest

flex-wrap Specifies whether the flexible items should wrap or not

float Specifies whether an element should float to the left, right,

or not at all

font A shorthand property for the font-style, font-variant, font-

weight, font-size/line-height, and the font-family properties

https://www.w3schools.com/cssref/index.php 8/26
2/29/24, 7:29 PM CSS Reference

@font-face
Tutorials  A rule that allows websites to
Exercises  Services 
than the "web-safe" fonts
 download and Sign
use fonts other
Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
font-family Specifies the font family for text

font-feature-settings Allows control over advanced typographic features in

OpenType fonts

@font-feature-values Allows authors to use a common name in font-variant-

alternate for feature activated differently in OpenType

font-kerning Controls the usage of the kerning information (how letters

are spaced)

font-language-override Controls the usage of language-specific glyphs in a typeface

font-size Specifies the font size of text

font-size-adjust Preserves the readability of text when font fallback occurs

font-stretch Selects a normal, condensed, or expanded face from a font

family

font-style Specifies the font style for text

font-synthesis Controls which missing typefaces (bold or italic) may be

synthesized by the browser

font-variant Specifies whether or not a text should be displayed in a

small-caps font

font-variant-alternates Controls the usage of alternate glyphs associated to

alternative names defined in @font-feature-values

font-variant-caps Controls the usage of alternate glyphs for capital letters

font-variant-east-asian Controls the usage of alternate glyphs for East Asian scripts
(e.g Japanese and Chinese)

font-variant-ligatures Controls which ligatures and contextual forms are used in

textual content of the elements it applies to

font-variant-numeric Controls the usage of alternate glyphs for numbers,

fractions, and ordinal markers

font-variant-position Controls the usage of alternate glyphs of smaller size

positioned as superscript or subscript regarding the

https://www.w3schools.com/cssref/index.php 9/26
2/29/24, 7:29 PM CSS Reference

baseline of the font

 Tutorials  Exercises  Services   Sign Up Log in
font-weight Specifies the weight of a font
HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C

G
gap A shorthand property for the row-gap and the column-gap
properties

grid A shorthand property for the grid-template-rows, grid-

template-columns, grid-template-areas, grid-auto-rows,
grid-auto-columns, and the grid-auto-flow properties

grid-area Either specifies a name for the grid item, or this property is
a shorthand property for the grid-row-start, grid-column-
start, grid-row-end, and grid-column-end properties

grid-auto-columns Specifies a default column size

grid-auto-flow Specifies how auto-placed items are inserted in the grid

grid-auto-rows Specifies a default row size

grid-column A shorthand property for the grid-column-start and the

grid-column-end properties

grid-column-end Specifies where to end the grid item

grid-column-gap Specifies the size of the gap between columns

grid-column-start Specifies where to start the grid item

grid-gap A shorthand property for the grid-row-gap and grid-

column-gap properties

grid-row A shorthand property for the grid-row-start and the grid-

row-end properties

grid-row-end Specifies where to end the grid item

grid-row-gap Specifies the size of the gap between rows

grid-row-start Specifies where to start the grid item

https://www.w3schools.com/cssref/index.php 10/26
2/29/24, 7:29 PM CSS Reference

grid-template
Tutorials 
A shorthand property for the
Exercises  Services  grid-template-rows,
template-columns and grid-areas properties
grid-
Sign Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
grid-template-areas Specifies how to display columns and rows, using named
grid items

grid-template-columns Specifies the size of the columns, and how many columns in
a grid layout

grid-template-rows Specifies the size of the rows in a grid layout

H
hanging-punctuation Specifies whether a punctuation character may be placed
outside the line box

height Sets the height of an element

hyphens Sets how to split words to improve the layout of text

hypenate-character Sets the character used at the end of line, before a

hyphenation break

I
image-rendering Specifies the type of algorithm to use for image scaling

@import Allows you to import a style sheet into another style sheet

inline-size Specifies the size of an element in the inline direction

inset Specifies the distance between an element and the parent

element

inset-block Specifies the distance between an element and the parent

element in the block direction

inset-block-end Specifies the distance between the end of an element and

the parent element in the block direction

inset-block-start Specifies the distance between the start of an element and

the parent element in the block direction

https://www.w3schools.com/cssref/index.php 11/26
2/29/24, 7:29 PM CSS Reference

inset-inline
Tutorials 
Specifies the distance between
Exercises  Services   an element and
element in the inline direction
the parent
Sign Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
inset-inline-end Specifies the distance between the end of an element and
the parent element in the inline direction

inset-inline-start Specifies the distance between the start of an element and

the parent element in the inline direction

isolation Defines whether an element must create a new stacking

content

J
justify-content Specifies the alignment between the items inside a flexible
container when the items do not use all available space

justify-items Is set on the grid container. Specifies the alignment of grid

items in the inline direction

justify-self Is set on the grid item. Specifies the alignment of the grid
item in the inline direction

K
@keyframes Specifies the animation code

L
left Specifies the left position of a positioned element

letter-spacing Increases or decreases the space between characters in a

text

line-break Specifies how/if to break lines

line-height Sets the line height

list-style Sets all the properties for a list in one declaration

https://www.w3schools.com/cssref/index.php 12/26
2/29/24, 7:29 PM CSS Reference

list-style-image
Tutorials  Specifies an image as the list-item
Exercises  Services   marker
Sign Up Log in
list-style-position Specifies the position of the list-item markers (bullet
HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
points)

list-style-type Specifies the type of list-item marker

M
margin Sets all the margin properties in one declaration

margin-block Specifies the margin in the block direction

margin-block-end Specifies the margin at the end in the block direction

margin-block-start Specifies the margin at the start in the block direction

margin-bottom Sets the bottom margin of an element

margin-inline Specifies the margin in the inline direction

margin-inline-end Specifies the margin at the end in the inline direction

margin-inline-start Specifies the margin at the start in the inline direction

margin-left Sets the left margin of an element

margin-right Sets the right margin of an element

margin-top Sets the top margin of an element

mask Hides parts of an element by masking or clipping an image

at specific places

mask-clip Specifies the mask area

mask-composite Represents a compositing operation used on the current

mask layer with the mask layers below it

mask-image Specifies an image to be used as a mask layer for an

element

mask-mode Specifies whether the mask layer image is treated as a

luminance mask or as an alpha mask

https://www.w3schools.com/cssref/index.php 13/26
2/29/24, 7:29 PM CSS Reference

mask-origin
Tutorials 
Specifies the origin position
Exercises  Services 
mask layer image
(the mask position area) of a
Sign Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
mask-position Sets the starting position of a mask layer image (relative to
the mask position area)

mask-repeat Specifies how the mask layer image is repeated

mask-size Specifies the size of a mask layer image

mask-type Specifies whether an SVG <mask> element is treated as a

luminance mask or as an alpha mask

max-height Sets the maximum height of an element

max-width Sets the maximum width of an element

@media Sets the style rules for different media types/devices/sizes

max-block-size Sets the maximum size of an element in the block direction

max-inline-size Sets the maximum size of an element in the inline direction

min-block-size Sets the minimum size of an element in the block direction

min-inline-size Sets the minimum size of an element in the inline direction

min-height Sets the minimum height of an element

min-width Sets the minimum width of an element

mix-blend-mode Specifies how an element's content should blend with its

direct parent background

O
object-fit Specifies how the contents of a replaced element should be
fitted to the box established by its used height and width

object-position Specifies the alignment of the replaced element inside its

box

offset Is a shorthand, and specifies how to animate an element

along a path

https://www.w3schools.com/cssref/index.php 14/26
2/29/24, 7:29 PM CSS Reference

offset-anchor
Tutorials  Specifies a point on an element
Exercises  Services 
animated along
 that is fixed Sign
to the path it is
Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
offset-distance Specifies the position along a path where an animated
element is placed

offset-path Specifies the path an element is animated along

offset-rotate Specifies rotation of an element as it is animated along a

path

opacity Sets the opacity level for an element

order Sets the order of the flexible item, relative to the rest

orphans Sets the minimum number of lines that must be left at the
bottom of a page or column

outline A shorthand property for the outline-width, outline-style,

and the outline-color properties

outline-color Sets the color of an outline

outline-offset Offsets an outline, and draws it beyond the border edge

outline-style Sets the style of an outline

outline-width Sets the width of an outline

overflow Specifies what happens if content overflows an element's

box

overflow-anchor Specifies whether or not content in viewable area in a

scrollable contianer should be pushed down when new
content is loaded above

overflow-wrap Specifies whether or not the browser can break lines with
long words, if they overflow the container

overflow-x Specifies whether or not to clip the left/right edges of the

content, if it overflows the element's content area

overflow-y Specifies whether or not to clip the top/bottom edges of the

content, if it overflows the element's content area

overscroll-behavior Specifies whether to have scroll chaining or overscroll

affordance in x- and y-directions

https://www.w3schools.com/cssref/index.php 15/26
2/29/24, 7:29 PM CSS Reference

overscroll-behavior-
block
Tutorials  Specifies whether to have scroll
Exercises  Services   chaining or overscroll
affordance in the block direction
Sign Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
overscroll-behavior- Specifies whether to have scroll chaining or overscroll
inline affordance in the inline direction

overscroll-behavior-x Specifies whether to have scroll chaining or overscroll

affordance in x-direction

overscroll-behavior-y Specifies whether to have scroll chaining or overscroll

affordance in y-directions

P
padding A shorthand property for all the padding-* properties

padding-block Specifies the padding in the block direction

padding-block-end Specifies the padding at the end in the block direction

padding-block-start Specifies the padding at the start in the block direction

padding-bottom Sets the bottom padding of an element

padding-inline Specifies the padding in the inline direction

padding-inline-end Specifies the padding at the end in the inline direction

padding-inline-start Specifies the padding at the start in the inline direction

padding-left Sets the left padding of an element

padding-right Sets the right padding of an element

padding-top Sets the top padding of an element

page-break-after Sets the page-break behavior after an element

page-break-before Sets the page-break behavior before an element

page-break-inside Sets the page-break behavior inside an element

paint-order Sets the order of how an SVG element or text is painted.

perspective Gives a 3D-positioned element some perspective

https://www.w3schools.com/cssref/index.php 16/26
2/29/24, 7:29 PM CSS Reference

perspective-origin
Tutorials 
Defines at which position the
Exercises  Services 
positioned element
user is looking Sign
at the 3D-
Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
place-content Specifies align-content and justify-content property values
for flexbox and grid layouts

place-items Specifies align-items and justify-items property values for

grid layouts

place-self Specifies align-self and justify-self property values for grid

layouts

pointer-events Defines whether or not an element reacts to pointer events

position Specifies the type of positioning method used for an

element (static, relative, absolute or fixed)

Q
quotes Sets the type of quotation marks for embedded quotations

R
resize Defines if (and how) an element is resizable by the user

right Specifies the right position of a positioned element

rotate Specifies the rotation of an element

row-gap Specifies the gap between the grid rows

S
scale Specifies the size of an element by scaling up or down

scroll-behavior Specifies whether to smoothly animate the scroll position in

a scrollable box, instead of a straight jump

scroll-margin Specifies the margin between the snap position and the
container

https://www.w3schools.com/cssref/index.php 17/26
2/29/24, 7:29 PM CSS Reference

scroll-margin-block
Tutorials  Specifies the margin between
Exercises  Services   the snap position
container in the block direction
Signand
Up theLog in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
scroll-margin-block- Specifies the end margin between the snap position and the
end container in the block direction

scroll-margin-block- Specifies the start margin between the snap position and
start the container in the block direction

scroll-margin-bottom Specifies the margin between the snap position on the

bottom side and the container

scroll-margin-inline Specifies the margin between the snap position and the
container in the inline direction

scroll-margin-inline- Specifies the end margin between the snap position and the
end container in the inline direction

scroll-margin-inline- Specifies the start margin between the snap position and
start the container in the inline direction

scroll-margin-left Specifies the margin between the snap position on the left
side and the container

scroll-margin-right Specifies the margin between the snap position on the right
side and the container

scroll-margin-top Specifies the margin between the snap position on the top
side and the container

scroll-padding Specifies the distance from the container to the snap

position on the child elements

scroll-padding-block Specifies the distance in block direction from the container

to the snap position on the child elements

scroll-padding-block- Specifies the distance in block direction from the end of the
end container to the snap position on the child elements

scroll-padding-block- Specifies the distance in block direction from the start of

start the container to the snap position on the child elements

scroll-padding-bottom Specifies the distance from the bottom of the container to

the snap position on the child elements

https://www.w3schools.com/cssref/index.php 18/26
2/29/24, 7:29 PM CSS Reference

scroll-padding-inline
Tutorials  Specifies the distance in inline
Exercises  Services   direction fromSign
to the snap position on the child elements
the container
Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
scroll-padding-inline- Specifies the distance in inline direction from the end of the
end container to the snap position on the child elements

scroll-padding-inline- Specifies the distance in inline direction from the start of

start the container to the snap position on the child elements

scroll-padding-left Specifies the distance from the left side of the container to
the snap position on the child elements

scroll-padding-right Specifies the distance from the right side of the container to
the snap position on the child elements

scroll-padding-top Specifies the distance from the top of the container to the
snap position on the child elements

scroll-snap-align Specifies where to position elements when the user stops

scrolling

scroll-snap-stop Specifies scroll behaviour after fast swipe on trackpad or

touch screen

scroll-snap-type Specifies how snap behaviour should be when scrolling

scrollbar-color Specifies the color of the scrollbar of an element

T
tab-size Specifies the width of a tab character

table-layout Defines the algorithm used to lay out table cells, rows, and
columns

text-align Specifies the horizontal alignment of text

text-align-last Describes how the last line of a block or a line right before
a forced line break is aligned when text-align is "justify"

text-combine-upright Specifies the combination of multiple characters into the

space of a single character

text-decoration Specifies the decoration added to text

https://www.w3schools.com/cssref/index.php 19/26
2/29/24, 7:29 PM CSS Reference

text-decoration-color
Tutorials  Specifies the color of the text-decoration
Exercises  Services   Sign Up Log in
text-decoration-line Specifies the type of line in a text-decoration
HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
text-decoration-style Specifies the style of the line in a text decoration

text-decoration- Specifies the thickness of the decoration line

thickness

text-emphasis A shorthand property for the text-emphasis-style and text-

emphasis-color properties

text-emphasis-color Specifies the color of emphasis marks

text-emphasis-position Specifies the position of emphasis marks

text-emphasis-style Specifies the style of emphasis marks

text-indent Specifies the indentation of the first line in a text-block

text-justify Specifies the justification method used when text-align is

"justify"

text-orientation Defines the orientation of characters in a line

text-overflow Specifies what should happen when text overflows the

containing element

text-shadow Adds shadow to text

text-transform Controls the capitalization of text

text-underline-offset Specifies the offset distance of the underline text decoration

text-underline-position Specifies the position of the underline text decoration

top Specifies the top position of a positioned element

transform Applies a 2D or 3D transformation to an element

transform-origin Allows you to change the position on transformed elements

transform-style Specifies how nested elements are rendered in 3D space

transition A shorthand property for all the transition-* properties

transition-delay Specifies when the transition effect will start

https://www.w3schools.com/cssref/index.php 20/26
2/29/24, 7:29 PM CSS Reference

transition-duration
Tutorials 
Specifies how many secondsor milliseconds a transition
Exercises  Services 
effect takes to complete
Sign Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
transition-property Specifies the name of the CSS property the transition effect
is for

transition-timing- Specifies the speed curve of the transition effect

function

translate Specifies the position of an element

U
unicode-bidi Used together with the direction property to set or return
whether the text should be overridden to support multiple
languages in the same document

user-select Specifies whether the text of an element can be selected

V
vertical-align Sets the vertical alignment of an element

visibility Specifies whether or not an element is visible

W
white-space Specifies how white-space inside an element is handled

widows Sets the minimum number of lines that must be left at the
top of a page or column

width Sets the width of an element

word-break Specifies how words should break when reaching the end of
a line

word-spacing Increases or decreases the space between words in a text

https://www.w3schools.com/cssref/index.php 21/26
2/29/24, 7:29 PM CSS Reference

word-wrap
Tutorials 
Allows long, unbreakable words
Exercises  Services 
the next line
 to be brokenSign
and wrap to
Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C
writing-mode Specifies whether lines of text are laid out horizontally or
vertically

Z
z-index Sets the stack order of a positioned element

❮ Home Next ❯

W3schools Pathfinder
Track your progress - it's free! Sign Up Log in

ADVERTISEMENT

https://www.w3schools.com/cssref/index.php 22/26