Elenco Ragionato delle proprietà CSS
I link a sinistra rimandano alle descrizioni delle proprietà. quelli sulla destra ai capitoli corrispondenti alle tipologie.
| @ | ||
| @charset | Specifies the character encoding used in the style sheet | font |
| @font-face | A rule that allows websites to download and use fonts other than the "web-safe" fonts | font |
| @font-feature-values | Allows authors to use a common name in font-variant-alternate for feature activated differently in OpenType | font |
| @import | Allows you to import a style sheet into another style sheet | varie |
| @keyframes | Specifies the animation code | animation |
| @media | Sets the style rules for different media types/devices/sizes | print varie |
| @page | ||
| A | ||
| flex align-content grid align-content |
Specifies the alignment between the lines inside a flexible container when the items do not use all available space | flex grid |
| flex align-items grid align-items |
Specifies the alignment for items inside a flexible container | flex grid |
| flex align-self grid align-self |
Specifies the alignment for selected items inside a flexible container | flex grid |
| all | Ripristina i valori iniziali di tutte le proprietà CSS (eccetto unicode-bidi e direction) | miscellanea |
| animation | A shorthand property for all the animation-* properties | animation |
| animation-delay | Specifies a delay for the start of an animation | animation |
| animation-direction | Specifies whether an animation should be played forwards, backwards or in alternate cycles | animation |
| animation-duration | Specifies how long an animation should take to complete one cycle | animation |
| animation-fill-mode | Specifies a style for the element when the animation is not playing (before it starts, after it ends, or both) | animation |
| animation-iteration-count | Specifies the number of times an animation should be played | animation |
| animation-name | Specifies a name for the @keyframes animation | animation |
| animation-play-state | Specifies whether the animation is running or paused | animation |
| animation-timing-function | Specifies the speed curve of an animation | animation |
| B | ||
| backface-visibility | Defines whether or not the back face of an element should be visible when facing the user | animation |
| background | A shorthand property for all the background-* properties | background |
| background-attachment | Sets whether a background image scrolls with the rest of the page, or is fixed | background |
| background-blend-mode | Specifies the blending mode of each background layer (color/image) | background |
| background-clip | Defines how far the background (color or image) should extend within an element | background |
| background-color | Specifies the background color of an element | background |
| background-image | Specifies one or more background images for an element | background |
| background-origin | Specifies the origin position of a background image | background |
| background-position | Specifies the position of a background image | background |
| background-repeat | Sets if/how a background image will be repeated | background |
| background-size | Specifies the size of the background images | background |
| bleed | Tecnologia sperimentale non supportata da nessuno dei principali browser. |
|
| border | A shorthand property for border-width, border-style and border-color | border |
| border-bottom | A shorthand property for border-bottom-width, border-bottom-style and border-bottom-color | border |
| border-bottom-color | Sets the color of the bottom border | border |
| border-bottom-left-radius | Defines the radius of the border of the bottom-left corner | border |
| border-bottom-right-radius | Defines the radius of the border of the bottom-right corner | border |
| border-bottom-style | Sets the style of the bottom border | border |
| border-bottom-width | Sets the width of the bottom border | border |
| border-collapse | Sets whether table borders should collapse into a single border or be separated + | table |
| border-color | Sets the color of the four borders | border |
| border-image | A shorthand property for all the border-image-* properties | border |
| border-image-outset | Specifies the amount by which the border image area extends beyond the border box | border |
| border-image-repeat | Specifies whether the border image should be repeated, rounded or stretched | border |
| border-image-slice | Specifies how to slice the border image | border |
| border-image-source | Specifies the path to the image to be used as a border | border |
| border-image-width | Specifies the width of the border image | border |
| border-left | A shorthand property for all the border-left-* properties | border |
| border-left-color | Sets the color of the left border | border |
| border-left-style | Sets the style of the left border | border |
| border-left-width | Sets the width of the left border | border |
| border-radius | A shorthand property for the four border-*-radius properties | border |
| border-right | A shorthand property for all the border-right-* properties | border |
| border-right-color | Sets the color of the right border | border |
| border-right-style | Sets the style of the right border | border |
| border-right-width | Sets the width of the right border | border |
| border-spacing | Sets the distance between the borders of adjacent cells | border |
| border-style | Sets the style of the four borders | border |
| border-top | A shorthand property for border-top-width, border-top-style and border-top-color | border |
| border-top-color | Sets the color of the top border | border |
| border-top-left-radius | Defines the radius of the border of the top-left corner | border |
| border-top-right-radius | Defines the radius of the border of the top-right corner | border |
| border-top-style | Sets the style of the top border | border |
| border-top-width | Sets the width of the top border | border |
| border-width | Sets the width of the four borders | border |
| bottom | Sets the elements position, from the bottom of its parent element | position |
| 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 |
| box-shadow | Attaches one or more shadows to an element | box |
| box-sizing | Defines how the width and height of an element are calculated: should they include padding and borders, or not | box |
| break-after | Specifies the page-, column-, or region-break behavior after the generated box | column |
| break-before | Specifies the page-, column-, or region-break behavior before the generated box | column |
| break-inside | Specifies the page-, column-, or region-break behavior inside the generated box | column |
| C | ||
| caption-side | Specifica dove deve essere posizionata la didascalia di una tabella | table |
| caret-color | Seleziona il colore che il cursore (caret) assumerà quando viene posizionato su di un elemento editabile (input, textareas,
eccetera). |
cursor |
| @charset | Specifies the character encoding used in the style sheet | font |
| clear | Specifies on which sides of an element floating elements are not allowed to float | float |
| clip | Ritaglia un elemento HTML posizionato in modo assoluto (sconsigliato) | text image |
| clip-path | Ritaglia un elemento HTML posizionato in modo assoluto | image |
| color | Sets the color of text | color |
| column-count | Specifies the number of columns an element should be divided into | column |
| column-fill | Specifies how to fill columns, balanced or not | column |
| column-gap | Specifies the gap between the columns | column |
| column-rule | A shorthand property for all the column-rule-* properties | column |
| column-rule-color | Specifies the color of the rule between columns | column |
| column-rule-style | Specifies the style of the rule between columns | column |
| column-rule-width | Specifies the width of the rule between columns | column |
| column-span | Specifies how many columns an element should span across | column |
| column-width | Specifies the column width | column |
| columns | A shorthand property for column-width and column-count | column |
| content | Used with the :before and :after pseudo-elements, to insert generated content | varie |
| content-visibility | controlla la visibilità degli elementi HTML. | display |
| @counter-style | ||
| counter-increment | Increases or decreases the value of one or more CSS counters | varie |
| counter-reset | Creates or resets one or more CSS counters | varie |
| cursor | Specifies the mouse cursor to be displayed when pointing over an element | cursor |
| D | ||
| direction | Specifies the text direction/writing direction | text text_cjk |
| display | Specifies how a certain HTML element should be displayed | display |
| E | ||
| empty-cells | Specifies whether or not to display borders and background on empty cells in a table | table |
| F | ||
| filter | Defines effects (e.g. blurring or color shifting) on an element before the element is displayed | image |
| flex | A shorthand property for the flex-grow, flex-shrink, and the flex-basis properties | flex |
| flex-basis | Specifies the initial length of a flexible item | flex |
| flex-direction | Specifies the direction of the flexible items | flex |
| flex-flow | A shorthand property for the flex-direction and the flex-wrap properties | flex |
| flex-grow | Specifies how much the item will grow relative to the rest | flex |
| flex-shrink | Specifies how the item will shrink relative to the rest | flex |
| flex-wrap | Specifies whether the flexible items should wrap or not | flex |
| float | Specifies whether or not a box should float | float |
| font | A shorthand property for the font-style, font-variant, font-weight, font-size/line-height, and the font-family properties | font |
| font-display | ||
| @font-face | A rule that allows websites to download and use fonts other than the "web-safe" fonts | font |
| font-family | Specifies the font family for text | font |
| font-feature-settings | Allows control over advanced typographic features in OpenType fonts | font |
| @font-feature-values | Allows authors to use a common name in font-variant-alternate for feature activated differently in OpenType | font |
| font-kerning | Controls the usage of the kerning information (how letters are spaced) | font |
| font-language-override | Controls the usage of language-specific glyphs in a typeface | font |
| font-size | Specifies the font size of text | font |
| font-size-adjust | Preserves the readability of text when font fallback occurs | font |
| font-stretch | Selects a normal, condensed, or expanded face from a font family | font |
| font-style | Specifies the font style for text | font |
| font-synthesis | Controls which missing typefaces (bold or italic) may be synthesized by the browser | font |
| font-variant | Specifies whether or not a text should be displayed in a small-caps font | font |
| font-variant-alternates | Controls the usage of alternate glyphs associated to alternative names defined in @font-feature-values | font |
| font-variant-caps | Controls the usage of alternate glyphs for capital letters | font |
| font-variant-east-asian | Controls the usage of alternate glyphs for East Asian scripts (e.g Japanese and Chinese) | font |
| font-variant-ligatures | Controls which ligatures and contextual forms are used in textual content of the elements it applies to | font |
| font-variant-numeric | Controls the usage of alternate glyphs for numbers, fractions, and ordinal markers | font |
| font-variant-position | Controls the usage of alternate glyphs of smaller size positioned as superscript or subscript regarding the baseline of the font | font |
| font-weight | Specifies the weight of a font | font |
| G | ||
| 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 |
| 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 |
| grid-auto-columns | Specifies a default column size | grid |
| grid-auto-flow | Specifies how auto-placed items are inserted in the grid | grid |
| grid-auto-rows | Specifies a default row size | grid |
| grid-column | A shorthand property for the grid-column-start and the grid-column-end properties | grid |
| grid-column-end | Specifies where to end the grid item | grid |
| grid-column-gap | Specifies the size of the gap between columns | grid |
| grid-column-start | Specifies where to start the grid item | grid |
| grid-gap | A shorthand property for the grid-row-gap and grid-column-gap properties | grid |
| grid-row | A shorthand property for the grid-row-start and the grid-row-end properties | grid |
| grid-row-end | Specifies where to end the grid item | grid |
| grid-row-gap | Specifies the size of the gap between rows | grid |
| grid-row-start | Specifies where to start the grid item | grid |
| grid-template | A shorthand property for the grid-template-rows, grid-template-columns and grid-areas properties | grid |
| grid-template-areas | Specifies how to display columns and rows, using named grid items | grid |
| grid-template-columns | Specifies the size of the columns, and how many columns in a grid layout | grid |
| grid-template-rows | Specifies the size of the rows in a grid layout | grid |
| H | ||
| hanging-punctuation | forza l'inserimento dei segni di punteggiatura, se sono presenti, al di fuori del bordo dell'elemento considerato. | text |
| height | stabilisce l'altezza dell'elemento considerato. | height |
| hyphens | controlla ciò che accade quando viene incontrato un trattino. | text |
| I | ||
| image-rendering | Gives a hint to the browser about what aspects of an image are most important to preserve when the image is scaled | images |
| @import | Allows you to import a style sheet into another style sheet | varie |
| isolation | Defines whether an element must create a new stacking content | background |
| J | ||
| Flex justify-content Grid justify-content |
Specifies the alignment between the items inside a flexible container when the items do not use all available space | flex grid |
| justify-items | grid | |
| K | ||
| @keyframes | Specifies the animation code | animation |
| L | ||
| left | Specifies the left position of a positioned element | position |
| letter-spacing | consente di spazieggiare ovvero di variare lo spazio fra i caratteri di un testo. | text |
| linear-gradient | image | |
| line-break | specificare come (o se) interrompere le linee scritte in caratteri cinesi o coreani. |
text text_cjk |
| line-height | stabilisce l'altezza delle linee di testo per i diversi elementi <div>. |
text |
| list-style | Sets all the properties for a list in one declaration | list |
| list-style-image | Specifies an image as the list-item marker | list |
| list-style-position | Specifies the position of the list-item markers (bullet points) | list |
| list-style-type | Specifies the type of list-item marker | list |
| M | ||
| margin | Sets all the margin properties in one declaration | margin |
| margin-bottom | Sets the bottom margin of an element | margin |
| margin-left | Sets the left margin of an element | margin |
| margin-right | Sets the right margin of an element | margin |
| margin-top | Sets the top margin of an element | margin |
| marks | Tecnologia sperimentale non supportata da nessuno dei maggiori browser | |
| max-height | Sets the maximum height of an element | margin |
| max-width | Sets the maximum width of an element | margin |
| @media | Sets the style rules for different media types/devices/sizes | varie |
| 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 | background |
| N | ||
| nav-down | deprecato | keyboard |
| nav-left | deprecato | keyboard |
| nav-right | deprecato | keyboard |
| nav-up | deprecato | keyboard |
| O | ||
| object-fit | Specifies how the contents of a replaced element should be fitted to the box established by its used height and width | image |
| object-position | Specifies the alignment of the replaced element inside its box | image |
| opacity | Sets the opacity level for an element | image |
| order | Sets the order of the flexible item, relative to the rest | flex |
| orphans | stabilisce il minimo numero di linee che un blocco deve possedere per apparire in fondo ad una pagina nel caso in cui il testo sia spezzato a causa di una interruzione di pagina. | print |
| outline | A shorthand property for the outline-width, outline-style, and the outline-color properties | outline |
| outline-color | Sets the color of an outline | outline |
| outline-offset | Sets an outline, and draws it beyond the border edge | outline |
| outline-style | Sets the style of an outline | outline |
| outline-width | Sets the width of an outline | outline |
| overflow | Specifies what happens if content overflows an element's box | overflow |
| overflow-wrap | 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) | overflow |
| overflow-x | Specifies whether or not to clip the left/right edges of the content, if it overflows the element's content area | overflow |
| overflow-y | Specifies whether or not to clip the top/bottom edges of the content, if it overflows the element's content area | overflow |
| P | ||
| padding | A shorthand property for all the padding-* properties | padding |
| padding-bottom | Sets the bottom padding of an element | padding |
| padding-left | Sets the left padding of an element | padding |
| padding-right | Sets the right padding of an element | padding |
| padding-top | Sets the top padding of an element | padding |
| @page | ||
| page-break-after | Sets the page-breake behavior after an element | print |
| page-break-before | Sets the page-breake behavior before an element | |
| page-break-inside | Sets the page-breake behavior inside an element | |
| perspective | Gives a 3D-positioned element some perspective | transform |
| perspective-origin | Defines at which position the user is looking at the 3D-positioned element | transform |
| place-content | grid | |
| place-items | grid | |
| place-self | grid | |
| pointer-events | Defines whether or not an element reacts to pointer events | user |
| position | Specifies the type of positioning method used for an element (static, relative, absolute or fixed) | position |
| Q | ||
| quotes | Seleziona i simpoli usati per evidenziare l'annidamento delle citazioni. | text |
| R | ||
| radial-gradient | ??? |
image |
| resize | stabilisce se l'utente può ridimensionare il contenuto di un elemento <div>. | user |
| rest-after | CSS2 - deprecato | speach |
| rest-before | CSS2 - deprecato | speach |
| rest | CSS2 - deprecato | speach |
| right | Specifies the right position of a positioned element | position |
| S | ||
| scroll-behavior | ??? | |
| size | Tecnologia sperimentale non supportata da nessuno dei principali browser. | |
| speak-as | CSS2 - deprecato | speach |
| T | ||
| tab-size | Specifies the width of a tab character | text |
| table-layout | Defines the algorithm used to lay out table cells, rows, and columns | table |
| text-align | specifica l'allineamento orizzontale di un testo. | text align |
| 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 text_cjk |
| text-combine-upright | Specifies the combination of multiple characters into the space of a single character | text_cjk |
| text-decoration | Specifies the decoration added to text | text |
| text-decoration-color | Specifies the color of the text-decoration | text |
| text-decoration-line | Specifies the type of line in a text-decoration | text |
| text-decoration-style | Specifies the style of the line in a text decoration | text |
| text-indent | Specifies the indentation of the first line in a text-block | text |
| text-justify | Specifies the justification method used when text-align is "justify" | text_cjk |
| text-orientation | Defines the orientation of the text in a line | text text_cjk |
| text-overflow | Specifies what should happen when text overflows the containing element | text |
| text-shadow | Adds shadow to text | text |
| text-transform | Controls the capitalization of text | text |
| text-underline-position | Specifies the position of the underline which is set using the text-decoration property | text |
| top | Specifies the top position of a positioned element | position |
| transform | Applies a 2D or 3D transformation to an element | transform |
| transform-origin | Allows you to change the position on transformed elements | transform |
| transform-style | Specifies how nested elements are rendered in 3D space | transform |
| transition | A shorthand property for all the transition-* properties | transition |
| transition-delay | Specifies when the transition effect will start | transition |
| transition-duration | Specifies how many seconds or milliseconds a transition effect takes to complete | transition |
| transition-property | Specifies the name of the CSS property the transition effect is for | transition |
| translate. | La funzione CSS translate() riposiziona un elemento orizzontalmente o verticalmente. |
transition |
| 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 | text_cjk |
| user-select | controlla la possibilità di selezionare (e copiare) il contenuto degli elementi HTML. | user |
| V | ||
| vertical-align | specifica l'allineamento verticale di un testo. | align |
| visibility | controlla la visibilità degli elementi HTML. | display |
| voice-balance | CSS2 - deprecato | speach |
| voice-duration | CSS2 - deprecato | speach |
| voice-pitch | CSS2 - deprecato | speach |
| voice-range | CSS2 - deprecato | speach |
| voice-rate | CSS2 - deprecato | speach |
| voice-stress | CSS2 - deprecato | speach |
| voice-volume | CSS2 - deprecato | speach |
| W | ||
| white-space | controlla la rappresentazione delle interruzioni di linea negli elementi di testo. |
overflow |
| widows | stabilisce il minimo numero di linee che un blocco deve possedere per apparire in cima ad una pagina dopo un'interruzione di pagina. | print |
| width | stabilisce la larghezza di un elemento HTML. | height |
| will-change | animation |
|
| word-break | specifica i criteri in base ai quali si possono spezzare le parole troppo lunghe al raggiungimento della lunghezza della riga prefissata. | overflow text_cjk |
| word-spacing | consente di impostare la distanza fra i caratteri delle parole di testo. |
text |
| word-wrap | specifica i criteri in base ai quali si possono spezzare le parole troppo lunghe per potere poi andare a capo e continuare sulla riga successiva. | overflow |
| writing-mode | consente di selezionare le modalità di scrittura orizzontale o verticale. | text |
| Z | ||
| z-index | ctabilisce l'ordine con cui sono sovrapposti (stack) gli elementi HTML. | position |