CSS Properties Complete Reference

CSS properties are individual attributes for the web design to define the style and appearance of HTML elements.

This CSS reference provides the complete guide to all CSS properties with examples. You can practice the example by clicking on the "Try It" button.

Search CSS Properties

All CSS Propetries

Following is the list of all CSS properties arranged alphabetically.

A

Property	Description	Example
accent-color	Sets a highlight color for controls on user interfaces.	Try It
align-content	Specifies how the flex lines are distributed inside a flex container along it's cross-axis or grid's block-axis.	Try It
align-items	Describes how objects inside a flexible container should be aligned.	Try It
align-self	Defines how selected objects inside a flexible container should be aligned.	Try It
all	Resets all the properties except unicode-bidi and direction.	Try It
animation	Applies animation between styles. Shorthand for all the animation properties.	Try It
animation-delay	Defines a pause before an animation begins.	Try It
animation-direction	Specifies whether an animation should play in reverse, forward, or alternating cycles.	Try It
animation-duration	Indicates the amount of time an animation should take to finish one cycle.	Try It
animation-fill-mode	Defines the styles to be applied on the target element before and after the animation.	Try It
animation-iteration-count	Defines how many times an animation should be played.	Try It
animation-name	Gives the @keyframes animation a name.	Try It
animation-play-state	Specifies whether an animation is running or paused.	Try It
animation-timing-function	Gives an animation's speed curve specifications.	Try It
aspect-ratio	Defines an element's desired aspect ratio.	Try It

B

Property	Description	Example
backdrop-filter	Defines a visual impact on the space behind an element.	Try It
backface-visibility	Specifies whether an element's back face should be revealed when facing the user.	Try It
background	Shorthand for background related properties.	Try It
background-attachment	Specifies the position of the background relative to the viewport, either fixed or scrollable.	Try It
background-clip	Controls how far a background image extends beyond the element's padding or content box.	Try It
background-color	Sets the background color of an element.	Try It
background-image	Sets one or more background image(s) on an element.	Try It
background-origin	Sets the origin of the background.	Try It
background-position	Sets the initial position of each image in a background.	Try It
background-position-x	Sets the initial horizontal position of each image in a background.	Try It
background-position-y	Sets the initial vertical position of each image in a background.	Try It
background-repeat	Controls the repetition of an image in the background.	Try It
background-size	Controls the size of the background image.	Try It
background-blend-mode	Determines how an element's background images blend with each other.	Try It
border	Sets the border of an element.	Try It
border-block	Shorthand for setting the logical block border property values.	Try It
border-block-color	Defines the color of the borders in the block direction (top and bottom).	Try It
border-block-end	Shorthand property for setting the logical block end border properties.	Try It
border-block-end-color	Defines the color of the logical block-end border of an element.	Try It
border-block-end-style	Defines the style of the logical block-end border of an element.	Try It
border-block-end-width	Defines the width of the logical block-end border of an element.	Try It
border-block-start	Shorthand property for setting the logical block-start border properties.	Try It
border-block-start-color	Defines the color of the logical block-start border of an element.	Try It
border-block-start-style	Defines the style of the logical block start border of an element.	Try It
border-block-start-width	Defines the width of the logical block-start border of an element.	Try It
border-block-style	Defines the style of the top and bottom block borders of an element.	Try It
border-block-width	Defines the width of the top and bottom block borders of an element.	Try It
border-bottom	Shorthand property sets the element's bottom border.	Try It
border-bottom-color	Sets the color of an element's bottom border.	Try It
border-bottom-left-radius	Rounds the bottom-left corner of an element.	Try It
border-bottom-right-radius	Rounds the bottom-right corner of an element.	Try It
border-bottom-style	Sets the style of the bottom border.	Try It
border-bottom-width	Sets the width of the bottom border.	Try It
border-collapse	Specifies whether the borders of a table should be divided or collapsed into a single border.	Try It
border-color	Sets the color of the border(s).	Try It
border-end-end-radius	Defines a bottom-right border radius on an element.	Try It
border-end-start-radius	Defines a bottom-left border radius on an element.	Try It
border-image	Sets an image as border to an element.	Try It
border-image-outset	Defines how much of the border image area goes outside of the border box.	Try It
border-image-repeat	Specifies whether the border image should be stretched, rounded, or repeated.	Try It
border-image-slice	Divides the border image into regions.	Try It
border-image-source	Defines the path to the image that will be used as the border.	Try It
border-image-width	Sets the width of the border image.	Try It
border-inline	Shorthand property for setting the individual logical inline border property values.	Try It
border-inline-color	Defines the color of the logical inline borders of an element.	Try It
border-inline-end	Shorthand property for setting the logical inline-end border property values.	Try It
border-inline-end-color	Sets the color of the logical inline-end border. (right border)	Try It
border-inline-end-style	Sets the style of the logical inline-end border. (right border)	Try It
border-inline-end-width	Sets the width of the logical inline-end border. (right border)	Try It
border-inline-start	Shorthand property for setting the logical inline-start border (left border) property values.	Try It
border-inline-start-color	Sets the color of the inline-start border (left border).	Try It
border-inline-start-style	Sets the style of the logical inline-start border (left border).	Try It
border-inline-start-width	Sets the width of the logical inline-start border (left border).	Try It
border-inline-style	Defines the style of the left and right inline borders of an element.	Try It
border-inline-width	Defines the width of the left and right inline borders of an element.	Try It
border-left	Shorthand for setting all the properties of the left border of an element.	Try It
border-left-color	Defines the color of the left border of an element.	Try It
border-left-style	Defines the style of the left border of an element.	Try It
border-left-width	Defines the width of the left border of an element.	Try It
border-radius	Rounds the corners of an element's outer border edge.	Try It
border-right	Shorthand for setting all the properties of the right border of an element.	Try It
border-right-color	Defines the color of the right border of an element.	Try It
border-right-style	Defines the style of the right border of an element.	Try It
border-right-width	Defines the width of the right border of an element.	Try It
border-spacing	Defines a distance between borders of adjacent cells in a table.	Try It
border-start-end-radius	Defines a top-right border radius on an element, between the block-start and inline-end sides.	Try It
border-start-start-radius	Defines a top-left border radius on an element, between the block-start and inline-start sides.	Try It
border-style	Sets the line style for all four sides of an element's border.	Try It
border-top	Shorthand property setting all the properties of the top border of an element.	Try It
border-top-color	Defines the color of the top border.	Try It
border-top-left-radius	Sets the roundness of the top-left corner of an element's border.	Try It
border-top-right-radius	Rounds the top-right corner of an element.	Try It
border-top-style	Sets the line style of top border of an element.	Try It
border-top-width	Sets the width of top border of an element.	Try It
border-width	Sets the width of an element's border.	Try It
bottom	Sets the vertical position of an element.	Try It
box-decoration-break	Defines how an element's border and background will behave during page breaks or, in the case of inline elements, at line breaks.	Try It
box-shadow	Adds a shadow effect around an element.	Try It
box-sizing	Sets the way, the total width and height of an element is calculated.	Try It
break-after	Defines whether the given element should be followed by a page, column, or region break.	Try It
break-before	Defines whether a region, page, or column break should come before the given element.	Try It
break-inside	Defines if the given element should have a page, column, or region break inside of it.	Try It

C

Property	Description	Example
caption-side	Defines where a table caption should be positioned.	Try It
caret-color	Defines the color of the editable cursor (caret) in text areas, input fields, and other elements.	Try It
@charset	Provides details about the character encoding that the style sheet uses.	Try It
clear	Defines the behavior of the element next to a floating element.	Try It
clip	Clips an element that is precisely positioned.	Try It
clip-path	Creates a clipping region that sets the part of the element to be shown.	Try It
color	Defines the foreground color of a text.	Try It
column-count	Defines the number of columns into which an element should be divided.	Try It
column-fill	Controls an element's contents and break it into columns.	Try It
column-gap	Defines the size of the gap that exists between the columns in a multi-column layout..	Try It
column-rule	Shorthand property that sets the color, style, and width of the line drawn between columns in a multi-column layout.	Try It
column-rule-color	Sets the color of the line drawn between columns in a multi-column layout.	Try It
column-rule-style	Sets the style of the line drawn between columns in a multi-column layout.	Try It
column-rule-width	Sets the width of the line drawn between columns in a multi-column layout.	Try It
column-span	Defines whether an element should span across one column or all columns, in a multi-column layout.	Try It
column-width	Sets the column width in a multi-column layout.	Try It
columns	Shorthand property for setting the width and count of columns.	Try It
content	Replaces content with a generated value.	Try It
counter-increment	Used to increase or decrease the value of named CSS counters.	Try It
counter-reset	Creates named CSS counters and initializes a specific value to them.	Try It
counter-set	Sets a given value to a CSS counter.	Try It
cursor	Defines the mouse pointer that will be displayed when pointing at an item.	Try It

D

Property	Description	Example
direction	Sets the direction of the text, table columns, and horizontal overflow.	Try It
display	Defines the display method for a certain HTML element.	Try It

E

Property	Description	Example
empty-cells	Defines whether borders and backgrounds to be shown on empty cells in a table.	Try It

F

Property	Description	Example
filter	Applies graphical effects to an element.	Try It
flex	Shorthand property that sets whether a flex item will grow or shrink.	Try It
flex-basis	CSS flex-basis property sets the initial size of a flex item on the main axis before distributing the remaining space among the flex items	Try It
flex-direction	CSS flex-direction property determines the direction in which flex items are placed within a flex container. ( horizontal and vertical )	Try It
flex-flow	Shorthand property for specifying the direction and wrapping behavior of a flex container.	Try It
flex-grow	Determines how much extra space a flex item should take up in the flex container along its main axis.	Try It
flex-shrink	Defines the shrinking of the item in relation to the others.	Try It
flex-wrap	CSS flex-wrap property determines whether flex items should remain on a single line or are allowed to wrap onto multiple lines depending on the availability of space.	Try It
float	Places an element on left or right side of its container.	Try It
font	Shorthand property for setting all the font related properties.	Try It
font-family	Defines the text's font family.	Try It
font-feature-settings	Used to enable or disable specific OpenType font features, which control how text is rendered using advanced font features like ligatures, kerning, stylistic sets	Try It
font-kerning	Determines how the kerning information, the spacing between letters, is used.	Try It
font-language-override	Used to adjusting the rendering of glyphs and features to match the linguistic needs of different languages.	Try It
font-size	Determines the font size of the text.	Try It
font-size-adjust	Preserves text readability in the event of a font fallback.	Try It
font-stretch	Selects the standard, condensed, or expanded face of a font.	Try It
font-style	Sets the text's font style.	Try It
font-synthesis	Determines whether or not the browser should synthesize a style that are missing in a font-family.	Try It
font-variant	Sets all the font variants for a font.	Try It
font-variant-alternate	Controls the use of alternate glyphs.	Try It
font-variant-caps	Controls the use of alternate glyphs used for small capitals.	Try It
font-variant-east-asian	Regulates the use of alternate glyphs for East Asian scripts, such as Chinese and Japanese.	Try It
font-variant-ligatures	Regulates the usage of contextual forms and ligatures.	Try It
font-variant-numeric	Regulates the use of different glyphs for ordinal markers, fractions, and integers.	Try It
font-variant-position	Regulates the use of smaller alternate glyphs that are positioned as superscript or subscript.	Try It
font-weight	Specifies the weight of a font.	Try It

G

Property	Description	Example
gap	Shorthand property that sets the gaps for the rows and columns in grid layout system (Also used to add gaps in multi-column layout of texts).	Try It
grid	Shorthand property for setting all grid related properties in one declaration.	Try It
grid-area	Shorthand property specifying the grid item's size and location inside a grid.	Try It
grid-auto-columns	Defines the default size of a column.	Try It
grid-auto-flow	Defines the grid's auto-placed item insertion process.	Try It
grid-auto-rows	Defines the default row size.	Try It
grid-column	Shorthand property specifying the grid item's size and location inside a grid column.	Try It
grid-column-end	Defines the end point of the grid item within grid column.	Try It
grid-column-start	Defines the start point of the grid item within grid column.	Try It
grid-row	Shorthand property specifying the grid item's size and location inside a grid row.	Try It
grid-row-end	Specifies the end point of grid item within grid row.	Try It
grid-row-gap	Defines the gap between rows in terms of size.	Try It
grid-row-start	Specifies the start point of grid item within grid row.	Try It
grid-template	Shorthand property specifying properties related to grid columns, grid rows and grid areas.	Try It
grid-template-areas	Defines named grid items and their use in displaying columns and rows.	Try It
grid-template-columns	Defines the number of and what size columns are there in a grid layout.	Try It
grid-template-rows	Defines the size of the rows in a grid layout.	Try It

H

Property	Description	Example
height	Defines an element's height.	Try It
hyphens	Defines how to divide words to enhance text layout.	Try It
hyphenate-character	Used to change default hyphenation character (-).	Try It

I

Property	Description	Example
image-rendering	Defines the kind of image scaling approach to be used.	Try It
inline-size	Defines the horizontal and vertical size of an element's block.	Try It
inset	Indicates the distance an element is from edges of its parent element.	Try It
inset-block	Defines the logical block start and end offsets of an element.	Try It
inset-block-end	Defines the logical block end offsets of an element.	Try It
inset-block-start	Defines the logical block start offsets of an element.	Try It
inset-inline	Defines the logical start and end offsets of an element in the inline direction.	Try It
inset-inline-end	Defines the distance, measured in the inline direction, between an element's end and its parent element.	Try It
inset-inline-start	Defines the distance, measured in the inline direction, between an element's start and it's parent element.	Try It
isolation	Defines if a new stacking content must be created by an element.	Try It

J

Property	Description	Example
justify-content	Defines how space is distributed between and around content items in a flex and grid container.	Try It
justify-items	Defines how grid elements should be aligned along the horizontal axis within a grid container.	Try It
justify-self	Defines how a grid item should be aligned in the inline direction that resides within a grid container.	Try It
@keyframes	Defines a set of keyframes for animations or transitions.	Try It

L

Property	Description	Example
left	Defines the horizontal position of an element.	Try It
letter-spacing	Sets the horizontal spacing between text characters.	Try It
line-break	Defines if and how to break lines of East Asian scripts.	Try It
line-height	Defines the height of a line box.	Try It
list-style	Shorthand property to set all the list style properties in single declaration.	Try It
list-style-image	Sets an image as the list item marker.	Try It
list-style-position	Sets the position of the marker in a list.	Try It
list-style-type	Defines the kind of list item marker.	Try It

M

Property	Description	Example
margin	Shorthand property to set the margins on all four sides of an element.	Try It
margin-block	Shorthand property defining the logical block start and end margins for an element.	Try It
margin-block-end	Sets the margin space at the end of an element in the block direction.	Try It
margin-block-start	Sets the margin space at the start of an element in the block direction.	Try It
margin-bottom	Sets the margin area on the bottom of an element.	Try It
margin-inline	Defines the logical inline start and end margins of an element.	Try It
margin-inline-end	Defines the logical inline end margin of an element.	Try It
margin-inline-start	Defines the logical inline start margin of an element.	Try It
margin-left	Sets the margin area on the left side of an element.	Try It
margin-right	Sets the margin area on the right side of an element.	Try It
margin-top	Sets the margin on the top side of an element.	Try It
mask	Masks or clips the image at particular points to hide an element (partially or completely).	Try It
mask-clip	Determines the area covered by a mask.	Try It
mask-composite	Displays the mask layers that are below the current mask layer after a compositing operation is performed.	Try It
mask-image	Sets an image to be used as an element's mask layer.	Try It
mask-mode	Defines whether the mask reference given by mask-image should be considered as a luminance or alpha mask.	Try It
mask-origin	Defines the origin of the mask image.	Try It
mask-position	Defines the positioning of a mask image within an element.	Try It
mask-repeat	Defines how a mask image should be repeated within an element.	Try It
mask-size	Defines the size of a mask image applied to an element using the mask-image property.	Try It
mask-type	Sets an SVG <mask> element as a luminance or an alpha mask.	Try It
max-height	Sets an maximum height for an element to occupy in layout.	Try It
max-width	Sets an maximum width for an element to occupy in layout.	Try It
@media	Sets CSS style rules for specific media types, devices, and sizes.	Try It
max-block-size	Sets the maximum size of an element in the opposite direction to its writing direction.	Try It
max-inline-size	Defines the horizontal or vertical maximum size of an element's block.	Try It
min-block-size	Sets the minimum size, either horizontally or vertically of an element's block based on its writing mode.	Try It
min-inline-size	Defines the minimum horizontal or vertical size of an element's block.	Try It
min-height	Sets a lower bound on the height of an element.	Try It
min-width	Sets a lower bound on the width of an element.	Try It
mix-blend-mode	Defines how the element's content should blend with the content of its parent and the element's background.	Try It

O

Property	Description	Example
object-fit	Defines how an image or video should be resized or cropped to fit within its container.	Try It
object-position	Defines the position of the content inside an element that has a defined size.	Try It
offset	Shorthand property that makes used to position elements in container.	Try It
offset-anchor	Defines the moving position of an element inside a box traveling along an offset-path.	Try It
offset-distance	Defines the position along an offset-path where an element should be placed.	Try It
offset-path	Defines an element's path inside its parent container or SVG coordinate system.	Try It
offset-rotate	Defines the orientation or direction of an element as it moves along the specified offset-path.	Try It
opacity	Sets the transparency of an element.	Try It
order	Defines the order in which flex items appear within a flex container.	Try It
orphans	Defines the minimum number of lines required at the bottom of a page, region, or column to prevent a break.	Try It
outline	Sets the width, color, and style of an outline around an element. The outline is used to highlight an element when focused.	Try It
outline-color	Sets the color of an outline around an element.	Try It
outline-offset	Defines the space between an outline and the border edge of an element.	Try It
outline-style	Determines the style of an outline around an element.	Try It
outline-width	Defines the width of the outline around an element.	Try It
overflow	Defines how to handle content that overflows the boundaries of its container.	Try It
overflow-anchor	Provides a way to disable the browser's scroll anchoring behavior, which adjusts scroll position to reduce content shifting.	Try It
overflow-wrap	Allows the browser to split a line of text into an unbreakable string to keep the content from overflowing its container.	Try It
overflow-clip-margin	Defines the distance that content can overflow the element's box before being clipped.	Try It
overflow-x	Defines that an element's content will overflow to its left and right margins, as well as horizontally.	Try It
overflow-y	Defines how the content of a block-level element is displayed when it exceeds the element's top and bottom edges.	Try It
overflow-block	Defines how the content of an element behaves when it exceeds the left and right boundaries of its box.	Try It
overflow-inline	Defines how overflowing content is displayed when it overflows the inline edges of an element.	Try It
overscroll-behavior	Determines what a browser does when the boundary of a scrolling area is reached.	Try It
overscroll-behavior-block	Determines how the browser behaves when the block direction border of a scrolling region is reached.	Try It
overscroll-behavior-inline	Determines how the browser behaves when the inline direction border of a scrolling region is reached.	Try It
overscroll-behavior-x	Determines what a browser does when the horizontal boundary of a scrolling area is reached.	Try It
overscroll-behavior-y	Determines what a browser does when the vertical boundary of a scrolling area is reached.	Try It

P

Property	Description	Example
padding	Shorthand property that defines the padding for all sides of an element.	Try It
padding-block	Determines the logical block start and end padding of an element.	Try It
padding-block-end	Determines the logical block end padding of an element.	Try It
padding-block-start	Sets the width of the padding on the bottom of an element.	Try It
padding-bottom	Sets the width of the padding on the bottom of an element.	Try It
padding-inline	Determines the logical inline start and end padding of an element.	Try It
padding-inline-end	Determines the logical inline end padding of an element.	Try It
padding-inline-start	Determines the logical inline start padding of an element.	Try It
padding-left	Sets the padding space on the left side of an element.	Try It
padding-right	Sets the padding space on the right side of an element.	Try It
padding-top	Sets the padding space on the top side of an element.	Try It
perspective	Defines the distance between the z=0 plane and the user.	Try It
perspective-origin	Defines the position at which viewer / user is looking.	Try It
place-content	Aligns content in both the block (column) and inline (row) axes simultaneously. It's shorthand for align-content and justify-content properties.	Try It
place-items	Aligns the items within the grid and flexbox container along both the block (column) and inline (row) axes. It's shorthand for align-items and justify-items properties.	Try It
place-self	Aligns the individual items in both block and inline directions simultaneously. It's shorthand for align-self and justify-self properties.	Try It
pointer-events	Determines whether or not an element receive pointer events.	Try It
position	Defines the position of an element on a web page.	Try It

Q

Property	Description	Example
quotes	Defines the style of quotation marks to be used for embedded quotes.	Try It

R

Property	Description	Example
resize	Defines if and how a user can resize an element.	Try It
right	Controls the horizontal position of an element	Try It
rotate	Defines the way an element rotates.	Try It
row-gap	Defines the gap between the grid rows. Also used to add gap between columns in multi-column layout.	Try It

S

Property	Description	Example
scale	Specifies the scale transformation of elements, independent of transform property.	Try It
scroll-behavior	Defines how smoothly the browser scrolls when a user clicks on a link or uses the scroll bar.	Try It
scroll-margin	Defines the margin of an element within the snap area.	Try It
scroll-margin-block	Shorthand property that defines the margin of the scroll snap area at the block axis.	Try It
scroll-margin-block-end	Defines the margin of the scroll snap area at the end of the block axis.	Try It
scroll-margin-block-start	Defines the margin of the scroll snap area at the start of the block axis.	Try It
scroll-margin-bottom	Defines the margin at the bottom of a scrolling container.	Try It
scroll-margin-inline	Sets the scroll margin of an element in the line (horizontal axis) dimension.	Try It
scroll-margin-inline-end	Defines the margin for the scroll snap region at the end of the horizontal dimension.	Try It
scroll-margin-inline-start	Defines the margin for the scroll snap area at the start of the horizontal dimension.	Try It
scroll-margin-left	Defines the left margin of the scroll snap area of an element.	Try It
scroll-margin-top	Defines the top margin of the scroll snap area of an element.	Try It
scroll-margin-right	Defines the right margin of the scroll snap area of an element.	Try It
scroll-padding	Defines the scroll padding between the edge of the scroll container and the area of an element that snaps into place once scrolling stops.	Try It
scroll-padding-block	Defines the scroll padding of an element in the block dimension.	Try It
scroll-padding-block-start	Defines the offsets for the start edge of the scroll padding of an element in the block dimension.	Try It
scroll-padding-block-end	Defines the offsets for the end edge of the scroll padding of an element in the block dimension.	Try It
scroll-padding-bottom	Defines the bottom offset of the scroll snap area of an element.	Try It
scroll-padding-left	Defines the amount of space between the left edge of the scroll container and the scroll snap area of an element.	Try It
scroll-padding-right	Defines the amount of space between the right edge of the scroll container and the scroll snap area of an element.	Try It
scroll-padding-top	Defines the top offset of the scroll snap area of an element.	Try It
scroll-padding-inline	Defines the scroll padding of an element in the inline dimension.	Try It
scroll-padding-inline-start	Defines the offsets for the start edge of the scrollport, in the inline dimension.	Try It
scroll-padding-inline-end	Defines the offsets for the end edge of the scrollport, in the inline dimension.	Try It
scroll-snap-align	Defines how a snapped element is positioned within its snap container.	Try It
scroll-snap-shot	Determines whether the scroll container will scroll past or stick to the nearest snap positions.	Try It
scroll-snap-type	Defines how the scroll container snaps to snap positions.	Try It
scrollbar-color	Defines the color of the scrollbar track and thumb.	Try It
scrollbar-width	Used to style the width of scrollbar track and thumb.	Try It
scrollbar-gutter	It helps to create a fixed space for the scrollbar.	Try It
shape-image-threshold	Specifies the alpha channel threshold for shape extraction when using an image with the shape-outside property.	Try It
shape-margin	Defines the margin around a specified CSS shape.	Try It
shape-outside	Defines a shape around which inline content should wrap.	Try It

T

Property	Description	Example
tab-size	Defines the width of tab characters within an element.	Try It
table-layout	Defines the way the <table> cells, rows, and columns are displayed.	Try It
text-align	Defines the alignment of the text with the margin of the page.	Try It
text-align-last	Sets the way the last line of a block or a line, just before a forced line break, is aligned.	Try It
text-combine-upright	Defines how to fit several characters into a single character's area.	Try It
text-decoration	Defines the decoration added to text.	Try It
text-decoration-color	Defines the color of the text decoration.	Try It
text-decoration-line	Used to add a decoration line to the text.	Try It
text-decoration-style	Used to add style to the text decoration line.	Try It
text-decoration-thickness	Used to add thickness to the text decoration line.	Try It
text-emphasis	Shorthand property that is used to add emphasis to text.	Try It
text-emphasis-color	Used to set the color of the emphasis marks around a text.	Try It
text-emphasis-position	Used to set the position of the emphasis mark around a text.	Try It
text-emphasis-style	Defines the appearance of emphasis marks.	Try It
text-indent	Defines the indentation of the first line of the text.	Try It
text-justify	Specifies the justification method of text when text-align is set to "justify".	Try It
text-orientation	Defines the orientation of text characters in a line.	Try It
text-overflow	Controls how hidden overflow content is displayed to users.	Try It
text-shadow	Used to add a shadow effect to text.	Try It
text-transform	Change the appearance of text by transforming it in various ways.	Try It
text-underline-offset	Defines the distance of an underline text decoration line from its initial position.	Try It
text-underline-position	Defines where the underlining text decoration should be positioned.	Try It
top	Defines vertical position of an element relative to its containing element.	Try It
transform	It is useful in rotation, scaling, skewing, or translation of an element.	Try It
transform-box	Defines the layout box to which transformation properties relate.	Try It
transform-origin	Helps in setting the origin for the transformation of an element.	Try It
transform-style	Defines the 3D space rendering of nested items.	Try It
transition	A property that works as a shorthand for every transition property.	Try It
transition-delay	Defines the amount of time to wait before starting a transition effect	Try It
transition-duration	Defines the amount of time that a transition animation should take to complete.	Try It
transition-property	Defines which CSS properties should have a transition effect applied.	Try It
transition-timing-function	Defines the transition effect's speed curve.	Try It
translate	Allows you to move an element along the X, Y, and Z axes.	Try It

U

Property	Description	Example
unicode-bidi	Controls how bidirectional text is displayed in a document.	Try It
user-select	Determines if text can be selected by the user.	Try It

V

Property	Description	Example
vertical-align	Defines an element's vertical alignment.	Try It
visibility	Defines if an element needs to be shown or hidden without changing the layout of a document.	Try It

W

Property	Description	Example
white-space	Defines the white space flow inside the text in an element.	Try It
widows	Defines how many lines a page or column must have left at the top.	Try It
width	Defines the width of an element's content area.	Try It
word-break	Defines how words should be broken or wrapped in case they exceed the available width of an element.	Try It
word-spacing	Defines the space between the words in a text.	Try It
writing-mode	Defines if text should be displayed vertically or horizontally.	Try It

Z

Property	Description	Example
z-index	Controls the stacking order of elements in web page.	Try It
No results found

Print Page