| CARVIEW |
Select Language
HTTP/2 301
content-type: text/html
content-length: 86
location: index.php
content-security-policy: frame-ancestors 'self' https://mycourses.w3schools.com https://pathfinder.w3schools.com;
x-content-security-policy: frame-ancestors 'self' https://mycourses.w3schools.com https://pathfinder.w3schools.com;
cache-control: public, private, max-age=1472
expires: Sat, 11 Oct 2025 05:20:01 GMT
date: Sat, 11 Oct 2025 04:55:29 GMT
HTTP/2 200
content-type: text/html; charset=UTF-8
content-security-policy: frame-ancestors 'self' https://mycourses.w3schools.com https://pathfinder.w3schools.com;
x-content-security-policy: frame-ancestors 'self' https://mycourses.w3schools.com https://pathfinder.w3schools.com;
vary: Accept-Encoding
content-encoding: gzip
content-length: 54582
cache-control: public, max-age=12839
expires: Sat, 11 Oct 2025 08:29:28 GMT
date: Sat, 11 Oct 2025 04:55:29 GMT
CSS Reference
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
W3.CSS Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
AngularJS Reference
jQuery Reference
CSS References
CSS Reference CSS Browser Support CSS Selectors CSS Combinators CSS Pseudo-classes CSS Pseudo-elements CSS At-rules CSS Functions CSS Reference Aural CSS Web Safe Fonts CSS Fallback Fonts CSS Animatable CSS Units CSS PX-EM Converter CSS Colors CSS Color Values CSS Default Values CSS EntitiesCSS Properties
accent-color align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function aspect-ratio backdrop-filter backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-position-x background-position-y background-repeat background-size block-size border border-block border-block-color border-block-end border-block-end-color border-block-end-style border-block-end-width border-block-start border-block-start-color border-block-start-style border-block-start-width border-block-style border-block-width border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-end-end-radius border-end-start-radius border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-inline border-inline-color border-inline-end border-inline-end-color border-inline-end-style border-inline-end-width border-inline-start border-inline-start-color border-inline-start-style border-inline-start-width border-inline-style border-inline-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-start-end-radius border-start-start-radius border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-decoration-break box-reflect box-shadow box-sizing break-after break-before break-inside caption-side caret-color @charset clear clip clip-path color color-scheme column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns @container content counter-increment counter-reset counter-set @counter-style cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-feature-settings font-kerning @font-palette-values font-size font-size-adjust font-stretch font-style font-variant font-variant-caps font-weight gap grid grid-area grid-auto-columns grid-auto-flow grid-auto-rows grid-column grid-column-end grid-column-start grid-row grid-row-end grid-row-start grid-template grid-template-areas grid-template-columns grid-template-rows hanging-punctuation height hyphens hyphenate-character image-rendering @import initial-letter inline-size inset inset-block inset-block-end inset-block-start inset-inline inset-inline-end inset-inline-start isolation justify-content justify-items justify-self @keyframes @layer left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-block margin-block-end margin-block-start margin-bottom margin-inline margin-inline-end margin-inline-start margin-left margin-right margin-top marker marker-end marker-mid marker-start mask mask-clip mask-composite mask-image mask-mode mask-origin mask-position mask-repeat mask-size mask-type max-block-size max-height max-inline-size max-width @media min-block-size min-inline-size min-height min-width mix-blend-mode @namespace object-fit object-position offset offset-anchor offset-distance offset-path offset-position offset-rotate opacity order orphans outline outline-color outline-offset outline-style outline-width overflow overflow-anchor overflow-wrap overflow-x overflow-y overscroll-behavior overscroll-behavior-block overscroll-behavior-inline overscroll-behavior-x overscroll-behavior-y padding padding-block padding-block-end padding-block-start padding-bottom padding-inline padding-inline-end padding-inline-start padding-left padding-right padding-top @page page-break-after page-break-before page-break-inside paint-order perspective perspective-origin place-content place-items place-self pointer-events position @property quotes resize right rotate row-gap scale @scope scroll-behavior scroll-margin scroll-margin-block scroll-margin-block-end scroll-margin-block-start scroll-margin-bottom scroll-margin-inline scroll-margin-inline-end scroll-margin-inline-start scroll-margin-left scroll-margin-right scroll-margin-top scroll-padding scroll-padding-block scroll-padding-block-end scroll-padding-block-start scroll-padding-bottom scroll-padding-inline scroll-padding-inline-end scroll-padding-inline-start scroll-padding-left scroll-padding-right scroll-padding-top scroll-snap-align scroll-snap-stop scroll-snap-type scrollbar-color shape-outside @starting-style @supports tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-decoration-thickness text-emphasis text-emphasis-color text-emphasis-position text-emphasis-style text-indent text-justify text-orientation text-overflow text-shadow text-transform text-underline-offset text-underline-position top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function translate unicode-bidi user-select vertical-align visibility white-space widows width word-break word-spacing word-wrap writing-mode z-index zoomCSS Reference
CSS Properties
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 forward, backward or in alternate cycles |
| animation-duration | Specifies how long an animation should take to complete one cycle |
| 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-count | Specifies the number of times an animation should be played |
| animation-name | Specifies a name for the @keyframes animation |
| animation-play-state | Specifies whether the animation is running or paused |
| animation-timing-function | Specifies the speed curve of an animation |
| 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-attachment | Sets whether a background image scrolls with the rest of the page, or is fixed |
| background-blend-mode | Specifies the blending mode of each background layer (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 |
| background-position-y | Specifies the position of a background image on y-axis |
| background-repeat | Sets if/how a background image will be repeated |
| 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-color | Sets the color of the border at the start in the block direction |
| border-block-start-style | Sets the style of the border at the start in the block direction |
| border-block-start-width | Sets the width of the border at the start in the block 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 |
| border-bottom-color | Sets the color of the bottom border |
| border-bottom-left-radius | Defines the radius of the border of the bottom-left corner |
| border-bottom-right-radius | Defines the radius of the border of the bottom-right corner |
| 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-radius | Sets the radius of the corner between the block-end and 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 |
| border-inline-end-style | Sets the style of the border at the end in the inline direction |
| border-inline-end-width | Sets the width of the border at the end in the inline direction |
| border-inline-start | A shorthand property for border-inline-start-width, border-inline-start-style and border-inline-start-color |
| border-inline-start-color | Sets the color of the border at the start in the inline direction |
| border-inline-start-style | Sets the style of the border at the start in the inline direction |
| border-inline-start-width | Sets the width of the border at the start in the inline 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-radius | Sets the radius of the corner between the block-start and the inline-end sides of the element |
| border-start-start-radius | Sets the radius of the corner between the block-start and the inline-start sides of the element |
| 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
| caption-side | Specifies the placement of a table caption |
| caret-color | Specifies the color of the cursor (caret) in inputs, textareas, 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 | Deprecated in favor of clip-path. 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 |
| color-scheme | Indicates which operating system color scheme an element should render with |
| 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 |
| @container | Define styles for elements in container, depending on the container's size or style |
| 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 |
| @counter-style | Lets you define your own counter styles |
| cursor | Specifies the mouse cursor to be displayed when pointing over an element |
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 |
| @font-face | Specifies a custom font to use to display text |
| font-family | Specifies the font family for text |
| font-feature-settings | Allows control over advanced typographic features in OpenType fonts |
| 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-palette-values | Allows you to customize the default values of a font-palette |
| font-size | Specifies the font size of text |
| font-size-adjust | Preserves the readability and size of text when fallback font 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 baseline of the font |
| font-weight | Specifies the weight of a font |
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-start | Specifies where to start the grid item |
| 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-start | Specifies where to start the grid item |
| grid-template | A shorthand property for the grid-template-rows, grid-template-columns and grid-areas properties |
| 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 |
| initial-letter | Specifies the size of the initial-letter and optionally the number of lines the initial letter should sink (down in the text) |
| 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 |
| inset-inline | Specifies the distance between an element and the parent element in the inline direction |
| 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 | Controls the steps in an animation by defining styles for points along the animation sequence |
L
| @layer | Controls how the CSS cascade layers evaluates the order of styles |
| 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 |
| list-style-image | Specifies an image as the list-item marker |
| list-style-position | Specifies the position of the list-item markers (bullet 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 |
| marker | Points to a marker that will be drawn on all vertices of an element's path (the first, middle, and last) |
| marker-end | Points to a marker that will be drawn on the last vertex of an element's path |
| marker-mid | Points to a marker that will be drawn on all the middle vertices of an element's path |
| marker-start | Points to a marker that will be drawn on the first vertex of an element's path |
| mask | A shorthand property for mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size and mask-composite |
| mask-clip | Specifies which area is affected by a mask image |
| mask-composite | Specifies 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 |
| mask-origin | Specifies the origin position (the mask position area) of a mask layer image |
| 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 |
N
| @namespace | Defines an XML namespace to be used in the style sheet |
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 | A shorthand property for the offset-anchor, offset-distance, offset-path, offset-position, and the offset-rotate properties |
| offset-anchor | Specifies a point on an element that is fixed to the path it is animated along |
| 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-position | Specifies the initial position of an element along a path |
| 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 |
| overscroll-behavior-block | Specifies whether to have scroll chaining or overscroll affordance in the block direction |
| overscroll-behavior-inline | Specifies whether to have scroll chaining or overscroll 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 | Customizes the dimension, orientation, and margins of printed pages |
| page-break-after | Sets the page-break behavior after an element. Replaced by break-after property |
| page-break-before | Sets the page-break behavior before an element. Replaced by break-before property |
| page-break-inside | Sets the page-break behavior inside an element. Replaced by break-inside property |
| paint-order | Sets the order of how an SVG element or text is painted. |
| perspective | Gives a 3D-positioned element some perspective |
| perspective-origin | Defines at which position the user is looking at the 3D-positioned element |
| 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) |
| @property | Defines custom CSS properties directly in the stylesheet without having to run any JavaScript |
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 |
| @scope | Allows you to select elements in specific DOM subtrees and target elements precisely without writing overly-specific selectors |
| 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 |
| scroll-margin-block | Specifies the margin between the snap position and the container in the block direction |
| scroll-margin-block-end | Specifies the end margin between the snap position and the container in the block direction |
| scroll-margin-block-start | Specifies the start margin between the snap position and 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-end | Specifies the end margin between the snap position and the container in the inline direction |
| scroll-margin-inline-start | Specifies the start margin between the snap position and 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-end | Specifies the distance in block direction from the end of the container to the snap position on the child elements |
| scroll-padding-block-start | Specifies the distance in block direction from the start of 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 |
| scroll-padding-inline | Specifies the distance in inline direction from the container to the snap position on the child elements |
| scroll-padding-inline-end | Specifies the distance in inline direction from the end of the container to the snap position on the child elements |
| scroll-padding-inline-start | Specifies the distance in inline direction from the start of 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 |
| shape-outside | Defines a shape for wrapping for the inline content |
| @starting-style | Defines an element's starting styles before the element gets its first style update |
| @supports | Used to test whether a browser supports a CSS feature |
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 |
| text-decoration-color | Specifies the color of the text-decoration |
| text-decoration-line | Specifies the type of line in a text-decoration |
| text-decoration-style | Specifies the style of the line in a text decoration |
| text-decoration-thickness | Specifies the thickness of the decoration line |
| 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 |
| transition-duration | Specifies how many seconds or milliseconds a transition effect takes to complete |
| transition-property | Specifies the name of the CSS property the transition effect is for |
| transition-timing-function | Specifies the speed curve of the transition effect |
| 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 |
| word-wrap | Allows long, unbreakable words to be broken and wrap to the next line |
| writing-mode | Specifies whether lines of text are laid out horizontally or vertically |
Z
| z-index | Sets the stack order of a positioned element |
| zoom | Specifies the zoom factor for an element. An element can be zoomed in and out |
×
Contact Sales
If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com
Report Error
If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com
Top Tutorials
HTML TutorialCSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
W3.CSS Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial
Top References
HTML ReferenceCSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
AngularJS Reference
jQuery Reference
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.
Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.
Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.