The Ultimate CSS3 Property List
Tags: webdev, css, webdesign
Published: 2018-09-20 13:49:54

---
title: The Ultimate CSS3 Property List
published: true
description: Get a complete reference to all of the CSS3 properties and never memorize another one.
tags: #webdevelopment, #css, #webdesign
---
There are way more CSS properties than you probably care to remember. That's ok because no real web developer is going to remember all of these things. Here's a reference you can use anytime you need to remember a CSS property or you need to find a new property.
<table>
  <thead>
    <tr>
      <th>Property Name</th>
      <th>Description</th>
    </tr>
  </thead>
    <tbody>
      <tr>
        <td><b>align-content</b></td>
        <td>Specifies the alignment between the lines inside a flexible container when the items do not use all
          available space</td>
      </tr>
      <tr>
        <td><b>align-items</b></td>
        <td>Specifies the alignment for items inside a flexible container</td>
      </tr>
      <tr>
        <td><b>align-self</b></td>
        <td>Specifies the alignment for selected items inside a flexible container</td>
      </tr>
      <tr>
        <td><b>all</b></td>
        <td>Resets all properties (except unicode-bidi and direction)</td>
      </tr>
      <tr>
        <td><b>animation</b></td>
        <td>A shorthand property for all the <em>animation-*</em> properties</td>
      </tr>
      <tr>
        <td><b>animation-delay</b></td>
        <td>Specifies a delay for the start of an animation</td>
      </tr>
      <tr>
        <td><b>animation-direction</b></td>
        <td>Specifies whether an animation should be played forwards, backwards or
          in alternate cycles</td>
      </tr>
      <tr>
        <td><b>animation-duration</b></td>
        <td>Specifies how long an animation should take to complete one cycle</td>
      </tr>
      <tr>
        <td><b>animation-fill-mode</b></td>
        <td>Specifies a style for the element when the animation is not playing (before it starts, after it ends, or both)</td>
      </tr>
      <tr>
        <td><b>animation-iteration-count</b></td>
        <td>Specifies the number of times an animation should be played</td>
      </tr>
      <tr>
        <td><b>animation-name</b></td>
        <td>Specifies a name for the @keyframes animation</td>
      </tr>
      <tr>
        <td><b>animation-play-state</b></td>
        <td>Specifies whether the animation is running or paused</td>
      </tr>
      <tr>
        <td><b>animation-timing-function</b></td>
        <td>Specifies the speed curve of an animation</td>
      </tr>
      <tr>
        <td><b>backface-visibility</b></td>
        <td>Defines whether or not the back face of an element should be visible when facing the user</td>
      </tr>
      <tr>
        <td><b>background</b></td>
        <td>A shorthand property for all the <em>background-*</em> properties</td>
      </tr>
      <tr>
        <td><b>background-attachment</b></td>
        <td>Sets whether a background image scrolls with the rest of the page, or is fixed</td>
      </tr>
      <tr>
        <td><b>background-blend-mode</b></td>
        <td>Specifies the blending mode of each background layer (color/image)</td>
      </tr>
      <tr>
        <td><b>background-clip</td>
        <td>Defines how far the background (color or image) should extend within an element</td>
      </tr>
      <tr>
        <td><b>background-color</b></td>
        <td>Specifies the background color of an element</td>
      </tr>
      <tr>
        <td><b>background-image</b></td>
        <td>Specifies one or more background images for an element</td>
      </tr>
      <tr>
        <td><b>background-origin</b></td>
        <td>Specifies the origin position of a background image</td>
      </tr>
      <tr>
        <td><b>background-position</b></td>
        <td>Specifies the position of a background image</td>
      </tr>
      <tr>
        <td><b>background-repeat</b></td>
        <td>Sets if/how a background image will be repeated</td>
      </tr>
      <tr>
        <td><b>background-size</b></td>
        <td>Specifies the size of the background images</td>
      </tr>
      <tr>
        <td><b>border</b></td>
        <td>A shorthand property for <em>border-width, border-style</em> and <em>border-color</em></td>
      </tr>
      <tr>
        <td><b>border-bottom</b></td>
        <td>A shorthand property for <em>border-bottom-width, border-bottom-style</em>and <em>border-bottom-color</em></td>
      </tr>
      <tr>
        <td><b>border-bottom-color</b></td>
        <td>Sets the color of the bottom border</td>
      </tr>
      <tr>
        <td><b>border-bottom-left-radius</b></td>
        <td>Defines the radius of the border of the bottom-left corner</td>
      </tr>
      <tr>
        <td><b>border-bottom-right-radius</b></td>
        <td>Defines the radius of the border of the bottom-right corner</td>
      </tr>
      <tr>
        <td><b>border-bottom-style</b></td>
        <td>Sets the style of the bottom border</td>
      </tr>
      <tr>
        <td><b>border-bottom-width</b></td>
        <td>Sets the width of the bottom border</td>
      </tr>
      <tr>
        <td><b>border-collapse</b></td>
        <td>Sets whether table borders should collapse into a single border or be separated</td>
      </tr>
      <tr>
        <td><b>border-color</b></td>
        <td>Sets the color of the four borders</td>
      </tr>
      <tr>
        <td><b>border-image</b></td>
        <td>A shorthand property for all the <em>border-image-*</em> properties</td>
      </tr>
      <tr>
        <td><b>border-image-outset</b></td>
        <td>Specifies the amount by which the border image area extends beyond the border box</td>
      </tr>
      <tr>
        <td><b>border-image-repeat</b></td>
        <td>Specifies whether the border image should be repeated, rounded or stretched</td>
      </tr>
      <tr>
        <td><b>border-image-slice</b></td>
        <td>Specifies how to slice the border image</td>
      </tr>
      <tr>
        <td><b>border-image-source</b></td>
        <td>Specifies the path to the image to be used as a border</td>
      </tr>
      <tr>
        <td><b>border-image-width</b></td>
        <td>Specifies the width of the border image</td>
      </tr>
      <tr>
        <td><b>border-left</b></td>
        <td>A shorthand property for all the <em>border-left-*</em> properties</td>
      </tr>
      <tr>
        <td><b>border-left-color</b></td>
        <td>Sets the color of the left border</td>
      </tr>
      <tr>
        <td><b>border-left-style</b></td>
        <td>Sets the style of the left border</td>
      </tr>
      <tr>
        <td><b>border-left-width</b></td>
        <td>Sets the width of the left border</td>
      </tr>
      <tr>
        <td><b>border-radius</b></td>
        <td>A shorthand property for the four <em>border-*-radius</em> properties</td>
      </tr>
      <tr>
        <td><b>border-right</b></td>
        <td>A shorthand property for all the <em>border-right-*</em> properties</td>
      </tr>
      <tr>
        <td><b>border-right-color</b></td>
        <td>Sets the color of the right border</td>
      </tr>
      <tr>
        <td><b>border-right-style</b></td>
        <td>Sets the style of the right border</td>
      </tr>
      <tr>
        <td><b>border-right-width</b></td>
        <td>Sets the width of the right border</td>
      </tr>
      <tr>
        <td><b>border-spacing</b></td>
        <td>Sets the distance between the borders of adjacent cells</td>
      </tr>
      <tr>
        <td><b>border-style</b></td>
        <td>Sets the style of the four borders</td>
      </tr>
      <tr>
        <td><b>border-top</b></td>
        <td>A shorthand property for <em>border-top-width, border-top-style</em> and <em>border-top-color</em></td>
      </tr>
      <tr>
        <td><b>border-top-color</b></td>
        <td>Sets the color of the top border</td>
      </tr>
      <tr>
        <td><b>border-top-left-radius</b></td>
        <td>Defines the radius of the border of the top-left corner</td>
      </tr>
      <tr>
        <td><b>border-top-right-radius</b></td>
        <td>Defines the radius of the border of the top-right corner</td>
      </tr>
      <tr>
        <td><b>border-top-style</b></td>
        <td>Sets the style of the top border</td>
      </tr>
      <tr>
        <td><b>border-top-width</b></td>
        <td>Sets the width of the top border</td>
      </tr>
      <tr>
        <td><b>border-width</b></td>
        <td>Sets the width of the four borders</td>
      </tr>
      <tr>
        <td><b>bottom</b></td>
        <td>Sets the elements position, from the bottom of its parent element</td>
      </tr>
      <tr>
        <td><b>box-decoration-break</b></td>
        <td>Sets the behavior of the background and border of an element at page-break, or, for in-line elements, at line-break.</td>
      </tr>
      <tr>
        <td><b>box-shadow</b></td>
        <td>Attaches one or more shadows to an element</td>
      </tr>
      <tr>
        <td><b>box-sizing</b></td>
        <td>Defines how the width and height of an element are calculated: should
          they include padding and borders, or not</td>
      </tr>
      <tr>
        <td><b>break-after</b></td>
        <td>Specifies the page-, column-, or region-break behavior after the generated box</td>
      </tr>
      <tr>
        <td><b>break-before</b></td>
        <td>Specifies the page-, column-, or region-break behavior before the generated box</td>
      </tr>
      <tr>
        <td><b>break-inside</b></td>
        <td>Specifies the page-, column-, or region-break behavior inside the generated box</td>
      </tr>
      <tr>
        <td><b>caption-side</b></td>
        <td>Specifies the placement of a table caption</td>
      </tr>
      <tr>
        <td><b>caret-color</b></td>
        <td>Specifies the color of the cursor (caret) in inputs, textareas, or any
          element that is editable</td>
      </tr>
      <tr>
        <td><b>@charset</b></td>
        <td>Specifies the character encoding used in the style sheet</td>
      </tr>
      <tr>
        <td><b>clear</b></td>
        <td>Specifies on which sides of an element floating elements are not allowed to float</td>
      </tr>
      <tr>
        <td><b>clip</b></td>
        <td>Clips an absolutely positioned element</td>
      </tr>
      <tr>
        <td><b>color</b></td>
        <td>Sets the color of text</td>
      </tr>
      <tr>
        <td><b>column-count</b></td>
        <td>Specifies the number of columns an element should be divided into</td>
      </tr>
      <tr>
        <td><b>column-fill</b></td>
        <td>Specifies how to fill columns, balanced or not</td>
      </tr>
      <tr>
        <td><b>column-gap</b></td>
        <td>Specifies the gap between the columns</td>
      </tr>
      <tr>
        <td><b>column-rule</b></td>
        <td>A shorthand property for all the <em>column-rule-*</em> properties</td>
      </tr>
      <tr>
        <td><b>column-rule-color</b></td>
        <td>Specifies the color of the rule between columns</td>
      </tr>
      <tr>
        <td><b>column-rule-style</b></td>
        <td>Specifies the style of the rule between columns</td>
      </tr>
      <tr>
        <td><b>column-rule-width</b></td>
        <td>Specifies the width of the rule between columns</td>
      </tr>
      <tr>
        <td><b>column-span</b></td>
        <td>Specifies how many columns an element should span across</td>
      </tr>
      <tr>
        <td><b>column-width</b></td>
        <td>Specifies the column width</td>
      </tr>
      <tr>
        <td><b>columns</b></td>
        <td>A shorthand property for <em>column-width</em> and <em>column-count</em></td>
      </tr>
      <tr>
        <td><b>content</b></td>
        <td>Used with the :before and :after pseudo-elements, to insert generated content</td>
      </tr>
      <tr>
        <td><b>counter-increment</b></td>
        <td>Increases or decreases the value of one or more CSS counters</td>
      </tr>
      <tr>
        <td><b>counter-reset</b></td>
        <td>Creates or resets one or more CSS counters</td>
      </tr>
      <tr>
        <td><b>cursor</b></td>
        <td>Specifies the mouse cursor to be displayed when pointing over an element</td>
      </tr>
      <tr>
        <td><b>direction</b></td>
        <td>Specifies the text direction/writing direction</td>
      </tr>
      <tr>
        <td><b>display</b></td>
        <td>Specifies how a certain HTML element should be displayed</td>
      </tr>
      <tr>
        <td><b>empty-cells</b></td>
        <td>Specifies whether or not to display borders and background on empty cells in a table</td>
      </tr>
      <tr>
        <td><b>filter</b></td>
        <td>Defines effects (e.g. blurring or color shifting) on an element before the element is displayed</td>
      </tr>
      <tr>
        <td><b>flex</b></td>
        <td>A shorthand property for the <em>flex-grow, flex-shrink</em>, and the
          <em>flex-basis</em>
          properties</td>
      </tr>
      <tr>
        <td><b>flex-basis</b></td>
        <td>Specifies the initial length of a flexible item</td>
      </tr>
      <tr>
        <td><b>flex-direction</b></td>
        <td>Specifies the direction of the flexible items</td>
      </tr>
      <tr>
        <td><b>flex-flow</b></td>
        <td>A shorthand property for the <em>flex-direction</em> and the <em>flex-wrap</em> properties</td>
      </tr>
      <tr>
        <td><b>flex-grow</b></td>
        <td>Specifies how much the item will grow relative to the rest</td>
      </tr>
      <tr>
        <td><b>flex-shrink</b></td>
        <td>Specifies how the item will shrink relative to the rest</td>
      </tr>
      <tr>
        <td><b>flex-wrap</b></td>
        <td>Specifies whether the flexible items should wrap or not</td>
      </tr>
      <tr>
        <td><b>float</b></td>
        <td>Specifies whether or not a box should float</td>
      </tr>
      <tr>
        <td><b>font</b></td>
        <td>A shorthand property for the <em>font-style, font-variant, font-weight, font-size/line-height</em>, and the <em>font-family</em> properties</td>
      </tr>
      <tr>
        <td><b>@font-face</b></td>
        <td>A rule that allows websites to download and use fonts other than the "web-safe" fonts</td>
      </tr>
      <tr>
        <td><b>font-family</b></td>
        <td>Specifies the font family for text</td>
      </tr>
      <tr>
        <td><b>font-feature-settings</b></td>
        <td>Allows control over advanced typographic features in OpenType fonts</td>
      </tr>
      <tr>
        <td><b>@font-feature-values</b></td>
        <td>Allows authors to use a common name in font-variant-alternate for feature activated differently in OpenType</td>
      </tr>
      <tr>
        <td><b>font-kerning</b></td>
        <td>Controls the usage of the kerning information (how letters are spaced)</td>
      </tr>
      <tr>
        <td><b>font-language-override</b></td>
        <td>Controls the usage of language-specific glyphs in a typeface</td>
      </tr>
      <tr>
        <td><b>font-size</b></td>
        <td>Specifies the font size of text</td>
      </tr>
      <tr>
        <td><b>font-size-adjust</b></td>
        <td>Preserves the readability of text when font fallback occurs</td>
      </tr>
      <tr>
        <td><b>font-stretch</b></td>
        <td>Selects a normal, condensed, or expanded face from a font family</td>
      </tr>
      <tr>
        <td><b>font-style</b></td>
        <td>Specifies the font style for text</td>
      </tr>
      <tr>
        <td><b>font-synthesis</b></td>
        <td>Controls which missing typefaces (bold or italic) may be synthesized by the browser</td>
      </tr>
      <tr>
        <td><b>font-variant</b></td>
        <td>Specifies whether or not a text should be displayed in a small-caps font</td>
      </tr>
      <tr>
        <td><b>font-variant-alternates</b></td>
        <td>Controls the usage of alternate glyphs associated to alternative names defined in @font-feature-values</td>
      </tr>
      <tr>
        <td><b>font-variant-caps</b></td>
        <td>Controls the usage of alternate glyphs for capital letters</td>
      </tr>
      <tr>
        <td><b>font-variant-east-asian</b></td>
        <td>Controls the usage of alternate glyphs for East Asian scripts (e.g Japanese and Chinese)</td>
      </tr>
      <tr>
        <td><b>font-variant-ligatures</b></td>
        <td>Controls which ligatures and contextual forms are used in textual content of the elements it applies to</td>
      </tr>
      <tr>
        <td><b>font-variant-numeric</b></td>
        <td>Controls the usage of alternate glyphs for numbers, fractions, and ordinal markers</td>
      </tr>
      <tr>
        <td><b>font-variant-position</b></td>
        <td>Controls the usage of alternate glyphs of smaller size positioned as superscript or subscript regarding the baseline of the font</td>
      </tr>
      <tr>
        <td><b>font-weight</b></td>
        <td>Specifies the weight of a font</td>
      </tr>
      <tr>
        <td><b>grid</b></td>
        <td>A shorthand property for the <em>grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns</em>, and the <em>grid-auto-flow</em> properties</td>
      </tr>
      <tr>
        <td><b>grid-area</b></td>
        <td>Either specifies a name for the grid item, or this property is a shorthand property for the <em>grid-row-start</em>, <em>grid-column-start</em>, <em>grid-row-end</em>, and <em>grid-column-end</em> properties</td>
      </tr>
      <tr>
        <td><b>grid-auto-columns</b></td>
        <td>Specifies a default column size</td>
      </tr>
      <tr>
        <td><b>grid-auto-flow</b></td>
        <td>Specifies how auto-placed items are inserted in the grid</td>
      </tr>
      <tr>
        <td><b>grid-auto-rows</b></td>
        <td>Specifies a default row size</td>
      </tr>
      <tr>
        <td><b>grid-column</b></td>
        <td>A shorthand property for the <em>grid-column-start</em> and the <em>grid-column-end</em> properties</td>
      </tr>
      <tr>
        <td><b>grid-column-end</b></td>
        <td>Specifies where to end the grid item</td>
      </tr>
      <tr>
        <td><b>grid-column-gap</b></td>
        <td>Specifies the size of the gap between columns</td>
      </tr>
      <tr>
        <td><b>grid-column-start</b></td>
        <td>Specifies where to start the grid item</td>
      </tr>
      <tr>
        <td><b>grid-gap</b></td>
        <td>A shorthand property for the <em>grid-row-gap</em> and <em>grid-column-gap</em> properties</td>
      </tr>
      <tr>
        <td><b>grid-row</b></td>
        <td>A shorthand property for the <em>grid-row-start</em> and the <em>grid-row-end</em> properties</td>
      </tr>
      <tr>
        <td><b>grid-row-end</b></td>
        <td>Specifies where to end the grid item</td>
      </tr>
      <tr>
        <td><b>grid-row-gap</b></td>
        <td>Specifies the size of the gap between rows</td>
      </tr>
      <tr>
        <td><b>grid-row-start</b></td>
        <td>Specifies where to start the grid item</td>
      </tr>
      <tr>
        <td><b>grid-template</b></td>
        <td>A shorthand property for the <em>grid-template-rows</em>, <em>grid-template-columns</em> and <em>grid-areas</em> properties</td>
      </tr>
      <tr>
        <td><b>grid-template-areas</b></td>
        <td>Specifies how to display columns and rows, using named grid items</td>
      </tr>
      <tr>
        <td><b>grid-template-columns</b></td>
        <td>Specifies the size of the columns, and how many columns in a grid layout</td>
      </tr>
      <tr>
        <td><b>grid-template-rows</b></td>
        <td>Specifies the size of the rows in a grid layout</td>
      </tr>
      <tr>
        <td><b>hanging-punctuation</b></td>
        <td>Specifies whether a punctuation character may be placed outside the line box</td>
      </tr>
      <tr>
        <td><b>height</b></td>
        <td>Sets the height of an element</td>
      </tr>
      <tr>
        <td><b>hyphens</b></td>
        <td>Sets how to split words to improve the layout of paragraphs</td>
      </tr>
      <tr>
        <td><b>image-rendering</b></td>
        <td>Gives a hint to the browser about what aspects of an image are most important to preserve when the image is scaled</td>
      </tr>
      <tr>
        <td><b>@import</b></td>
        <td>Allows you to import a style sheet into another style sheet</td>
      </tr>
      <tr>
        <td><b>isolation</b></td>
        <td>Defines whether an element must create a new stacking content</td>
      </tr>
      <tr>
        <td><b>justify-content</b></td>
        <td>Specifies the alignment between the items inside a flexible container when the items do not use all available space</td>
      </tr>
      <tr>
        <td><b>@keyframes</b></td>
        <td>Specifies the animation code</td>
      </tr>
      <tr>
        <td><b>left</b></td>
        <td>Specifies the left position of a positioned element</td>
      </tr>
      <tr>
        <td><b>letter-spacing</b></td>
        <td>Increases or decreases the space between characters in a text</td>
      </tr>
      <tr>
        <td><b>line-break</b></td>
        <td>Specifies how/if to break lines</td>
      </tr>
      <tr>
        <td><b>line-height</b></td>
        <td>Sets the line height</td>
      </tr>
      <tr>
        <td><b>list-style</b></td>
        <td>Sets all the properties for a list in one declaration</td>
      </tr>
      <tr>
        <td><b>list-style-image</b></td>
        <td>Specifies an image as the list-item marker</td>
      </tr>
      <tr>
        <td><b>list-style-position</b></td>
        <td>Specifies the position of the list-item markers (bullet points)</td>
      </tr>
      <tr>
        <td><b>list-style-type</b></td>
        <td>Specifies the type of list-item marker</td>
      </tr>
      <tr>
        <td><b>margin</b></td>
        <td>Sets all the margin properties in one declaration</td>
      </tr>
      <tr>
        <td><b>margin-bottom</b></td>
        <td>Sets the bottom margin of an element</td>
      </tr>
      <tr>
        <td><b>margin-left</b></td>
        <td>Sets the left margin of an element</td>
      </tr>
      <tr>
        <td><b>margin-right</b></td>
        <td>Sets the right margin of an element</td>
      </tr>
      <tr>
        <td><b>margin-top</b></td>
        <td>Sets the top margin of an element</td>
      </tr>
      <tr>
        <td><b>max-height</b></td>
        <td>Sets the maximum height of an element</td>
      </tr>
      <tr>
        <td><b>max-width</b></td>
        <td>Sets the maximum width of an element</td>
      </tr>
      <tr>
        <td><b>@media</b></td>
        <td>Sets the style rules for different media types/devices/sizes</td>
      </tr>
      <tr>
        <td><b>min-height</b></td>
        <td>Sets the minimum height of an element</td>
      </tr>
      <tr>
        <td><b>min-width</b></td>
        <td>Sets the minimum width of an element</td>
      </tr>
      <tr>
        <td><b>mix-blend-mode</b></td>
        <td>Specifies how an element's content should blend with its direct parent background</td>
      </tr>
      <tr>
        <td><b>object-fit</b></td>
        <td>Specifies how the contents of a replaced element should be fitted to the box established by its used height and width</td>
      </tr>
      <tr>
        <td><b>object-position</b></td>
        <td>Specifies the alignment of the replaced element inside its box</td>
      </tr>
      <tr>
        <td><b>opacity</b></td>
        <td>Sets the opacity level for an element</td>
      </tr>
      <tr>
        <td><b>order</b></td>
        <td>Sets the order of the flexible item, relative to the rest</td>
      </tr>
      <tr>
        <td><b>orphans</b></td>
        <td>Sets the minimum number of lines that must be left at the bottom of a page when a page break occurs inside
          an element</td>
      </tr>
      <tr>
        <td><b>outline</b></td>
        <td>A shorthand property for the <em>outline-width, outline-style</em>, and the <em>outline-color</em> properties</td>
      </tr>
      <tr>
        <td><b>outline-color</b></td>
        <td>Sets the color of an outline</td>
      </tr>
      <tr>
        <td><b>outline-offset</b></td>
        <td>Offsets an outline, and draws it beyond the border edge</td>
      </tr>
      <tr>
        <td><b>outline-style</b></td>
        <td>Sets the style of an outline</td>
      </tr>
      <tr>
        <td><b>outline-width</b></td>
        <td>Sets the width of an outline</td>
      </tr>
      <tr>
        <td><b>overflow</b></td>
        <td>Specifies what happens if content overflows an element's box</td>
      </tr>
      <tr>
        <td><b>overflow-wrap</b></td>
        <td>Specifies whether or not the browser may break lines within words in order to prevent overflow (when a string is too long to fit its containing box)</td>
      </tr>
      <tr>
        <td><b>overflow-x</b></td>
        <td>Specifies whether or not to clip the left/right edges of the content, if it overflows the element's content area</td>
      </tr>
      <tr>
        <td><b>overflow-y</b></td>
        <td>Specifies whether or not to clip the top/bottom edges of the content, if it overflows the element's content area</td>
      </tr>
      <tr>
        <td><b>padding</b></td>
        <td>A shorthand property for all the <em>padding-*</em> properties</td>
      </tr>
      <tr>
        <td><b>padding-bottom</b></td>
        <td>Sets the bottom padding of an element</td>
      </tr>
      <tr>
        <td><b>padding-left</b></td>
        <td>Sets the left padding of an element</td>
      </tr>
      <tr>
        <td><b>padding-right</b></td>
        <td>Sets the right padding of an element</td>
      </tr>
      <tr>
        <td><b>padding-top</b></td>
        <td>Sets the top padding of an element</td>
      </tr>
      <tr>
        <td><b>page-break-after</b></td>
        <td>Sets the page-breake behavior after an element</td>
      </tr>
      <tr>
        <td><b>page-break-before</b></td>
        <td>Sets the page-breake behavior before an element</td>
      </tr>
      <tr>
        <td><b>page-break-inside</b></td>
        <td>Sets the page-breake behavior inside an element</td>
      </tr>
      <tr>
        <td><b>perspective</b></td>
        <td>Gives a 3D-positioned element some perspective</td>
      </tr>
      <tr>
        <td><b>perspective-origin</b></td>
        <td>Defines at which position the user is looking at the 3D-positioned element</td>
      </tr>
      <tr>
        <td><b>pointer-events</b></td>
        <td>Defines whether or not an element reacts to pointer events</td>
      </tr>
      <tr>
        <td><b>position</b></td>
        <td>Specifies the type of positioning method used for an element (static, relative, absolute or fixed)</td>
      </tr>
      <tr>
        <td><b>quotes</b></td>
        <td>Sets the type of quotation marks for embedded quotations</td>
      </tr>
      <tr>
        <td><b>resize</b></td>
        <td>Defines if (and how) an element is resizable by the user</td>
      </tr>
      <tr>
        <td><b>right</b></td>
        <td>Specifies the right position of a positioned element</td>
      </tr>
      <tr>
        <td><b>scroll-behavior</b></td>
        <td>Specifies whether to smoothly animate the scroll position in a scrollable box, instead of a straight jump</td>
      </tr>
      <tr>
        <td><b>tab-size</b></td>
        <td>Specifies the width of a tab character</td>
      </tr>
      <tr>
        <td><b>table-layout</b></td>
        <td>Defines the algorithm used to lay out table cells, rows, and columns</td>
      </tr>
      <tr>
        <td><b>text-align</b></td>
        <td>Specifies the horizontal alignment of text</td>
      </tr>
      <tr>
        <td><b>text-align-last</b></td>
        <td>Describes how the last line of a block or a line right before a forced line break is aligned when text-align is "justify"</td>
      </tr>
      <tr>
        <td><b>text-combine-upright</b></td>
        <td>Specifies the combination of multiple characters into the space of a single character</td>
      </tr>
      <tr>
        <td><b>text-decoration</b></td>
        <td>Specifies the decoration added to text</td>
      </tr>
      <tr>
        <td><b>text-decoration-color</b></td>
        <td>Specifies the color of the text-decoration</td>
      </tr>
      <tr>
        <td><b>text-decoration-line</b></td>
        <td>Specifies the type of line in a text-decoration</td>
      </tr>
      <tr>
        <td><b>text-decoration-style</b></td>
        <td>Specifies the style of the line in a text decoration</td>
      </tr>
      <tr>
        <td><b>text-indent</b></td>
        <td>Specifies the indentation of the first line in a text-block</td>
      </tr>
      <tr>
        <td><b>text-justify</b></td>
        <td>Specifies the justification method used when text-align is "justify"</td>
      </tr>
      <tr>
        <td><b>text-orientation</b></td>
        <td>Defines the orientation of the text in a line</td>
      </tr>
      <tr>
        <td><b>text-overflow</b></td>
        <td>Specifies what should happen when text overflows the containing element</td>
      </tr>
      <tr>
        <td><b>text-shadow</b></td>
        <td>Adds shadow to text </td>
      </tr>
      <tr>
        <td><b>text-transform</b></td>
        <td>Controls the capitalization of text</td>
      </tr>
      <tr>
        <td><b>text-underline-position</b></td>
        <td>Specifies the position of the underline which is set using the text-decoration property</td>
      </tr>
      <tr>
        <td><b>top</b></td>
        <td>Specifies the top position of a positioned element</td>
      </tr>
      <tr>
        <td><b>transform</b></td>
        <td>Applies a 2D or 3D transformation to an element</td>
      </tr>
      <tr>
        <td><b>transform-origin</b></td>
        <td>Allows you to change the position on transformed elements</td>
      </tr>
      <tr>
        <td><b>transform-style</b></td>
        <td>Specifies how nested elements are rendered in 3D space</td>
      </tr>
      <tr>
        <td><b>transition</b></td>
        <td>A shorthand property for all the <em>transition-*</em> properties</td>
      </tr>
      <tr>
        <td><b>transition-delay</b></td>
        <td>Specifies when the transition effect will start</td>
      </tr>
      <tr>
        <td><b>transition-duration</b></td>
        <td>Specifies how many seconds or milliseconds a transition effect takes to complete</td>
      </tr>
      <tr>
        <td><b>transition-property</b></td>
        <td>Specifies the name of the CSS property the transition effect is for</td>
      </tr>
      <tr>
        <td><b>transition-timing-function</b></td>
        <td>Specifies the speed curve of the transition effect</td>
      </tr>
      <tr>
        <td><b>unicode-bidi</b></td>
        <td>Used together with the direction property to set or return whether the
          text should be overridden to support multiple languages in the same document</td>
      </tr>
      <tr>
        <td><b>user-select</b></td>
        <td>Specifies whether the text of an element can be selected</td>
      </tr>
      <tr>
        <td><b>vertical-align</b></td>
        <td>Sets the vertical alignment of an element</td>
      </tr>
      <tr>
        <td><b>visibility</b></td>
        <td>Specifies whether or not an element is visible</td>
      </tr>
      <tr>
        <td><b>white-space</b></td>
        <td>Specifies how white-space inside an element is handled</td>
      </tr>
      <tr>
        <td><b>widows</b></td>
        <td>Sets the minimum number of lines that must be left at the top of a page when a page break occurs inside an
          element</td>
      </tr>
      <tr>
        <td><b>width</b></td>
        <td>Sets the width of an element</td>
      </tr>
      <tr>
        <td><b>word-break</b></td>
        <td>Specifies how words should break when reaching the end of a line</td>
      </tr>
      <tr>
        <td><b>word-spacing</b></td>
        <td>Increases or decreases the space between words in a text</td>
      </tr>
      <tr>
        <td><b>word-wrap</b></td>
        <td>Allows long, unbreakable words to be broken and wrap to the next line</td>
      </tr>
      <tr>
        <td><b>writing-mode</b></td>
        <td>Specifies whether lines of text are laid out horizontally or vertically</td>
      </tr>
      <tr>
        <td><b>z-index</b></td>
        <td>Sets the stack order of a positioned element</td>
      </tr>
    </tbody>
  </table>

<hr>

You can stay in the loop with what's happening in the web development world when you sign up for my emails. [You can click here to do that.](https://flippedcoding.com/subscribe) There's hundreds of people who already get the updates, so why not you too?