Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Css Snippet ComplateNew to Visual Studio Code? Get it now.
Css Snippet Complate

Css Snippet Complate

Milad Fathy

|
14,172 installs
| (1) | Free
Write Pice Of Code and complete the rest
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

css-snippet-complate

Css Snippet css Snippet Css Snippet Css Snippet
Prifix Result
?* *, *::after, *::before{,margin:0;,padding:0;,box-sizing:border-box;,}
?css-rest *, *::after, *::before{,margin:0;,padding:0;,box-sizing:border-box;,}
?position: default position: static;
?pd position: static;
?position: absolute position: absolute;
?pa position: absolute;
?position: sticky position: sticky;
?psti position: sticky;
?position: static position: static;
?psta position: static;
?position: relative position: relative;
?pr position: relative;
?position: fixed position: fixed;
?pf position: fixed;
?position position: ${1|fixed,relative,absolute,static,sticky|};
?display: block display: block;
?db display: block;
?display: contents display: contents;
?dc display: contents;
?display: flex display: flex;
?display: flexbox display: flexbox;
?dfb display: flexbox;
?display: flow-root display: flow-root;
?dfr display: flow-root;
?display: grid display: grid;
?dg display: grid;
?display: inline display: inline;
?di display: inline;
?display: inline-block display: inline-block;
?dib display: inline-block;
?display: inline-flexbox display: inline-flexbox;
?dif display: inline-flexbox;
?display: inline-table display: block;
?dit display: block;
?display: list-item display: list-item;
?dli display: list-item;
?display: none display: none;
?dn display: none;
?display: ruby display: ruby;
?dr display: ruby;
?display: ruby-base display: ruby-base;
?drb display: ruby-base;
?display: ruby-base-container display: ruby-base-container;
?display: drbc display: ruby-base-container;
?display: ruby-text display: ruby-text;
?drt display: ruby-text;
?display: ruby-text-container display: ruby-text-container;
?drtc display: ruby-text-container;
?display: run-in display: run-in;
?dri display: run-in;
?display: table display: table;
?dt display: table;
?display: table-caption display: table-caption;
?dtc display: table-caption;
?display: table-cell display: table-cell;
?dtce display: table-cell;
?display: table-column display: table-column;
?dtco display: table-column;
?display: table-column-group display: table-column-group;
?dtcg display: table-column-group;
?display: table-footer-group display: table-footer-group;
?dtfg display: table-footer-group;
?display: table-header-group display: table-header-group;
?dthg display: table-header-group;
?display: table-row display: table-row;
?dtr display: table-row;
?display: table-row-group display: table-row-group;
?dtrg display: table-row-group;
?displayall display; ${1:display-outside} ${2:display-inside} ${3:display-listitem} ${4:display-internal} ${5:display-box} ${6:display-legacy};
?display display: ${1|block,inline-block,inline,flex,inline-flex,grid,inline-grid,contents,list-item,hidden,flow-root,table,inline-table,table-caption,table-cell,table-column,table-column-group,table-footer-group,table-header-group,table-row-group,table-row|};
?font-face @font-face{,src: url('${1:source}');,font-family: ${2:favorite-name};,}
?@ff @font-face{,src: url('${1:source}');,font-family: ${2:favorite-name};,}
?animation-timing-function: ease animation-timing-function: ease;
?atfe animation-timing-function: ease;
?animation-timing-function: cubic-bezier(1, 0, 0, 1) animation-timing-function: cubic-bezier(1, 0, 0, 1);
?animation-timing-function: cubic-bezier() animation-timing-function: cubic-bezier();
?atfcb animation-timing-function: cubic-bezier();
?animation-timing-function: ease-in animation-timing-function: ease-in;
?atfei animation-timing-function: ease-in;
?animation-timing-function: ease-in-out animation-timing-function: ease-in-out;
?atfeio animation-timing-function: ease-in-out;
?animation-timing-function: ease-out animation-timing-function: ease-out;
?atfeo animation-timing-function: ease-out;
?animation-timing-function: linear animation-timing-function: linear;
?atfl animation-timing-function: linear;
?animation-timing-function: step-end animation-timing-function: step-end;
?atfse animation-timing-function: step-end;
?animation-timing-function: step-start animation-timing-function: step-start;
?atfss animation-timing-function: step-start;
?animation-timing-function: steps() animation-timing-function: steps();
?atfs animation-timing-function: steps();
?animation-delay animation-delay: ${1:time(s|ms)};
?ad animation-delay: ${1:time(s|ms)};
?animation-delay: 1s; animation-delay: 1s;
?animation-name animation-name: ${1:keyframes-name};
?an animation-name: ${1:keyframes-name};
?animation-duration animation-duration: ${1:duration-time(s|ms)};
?ad animation-duration: ${1:duration-time(s|ms)};
?animation-duration: 1s; animation-duration: 1s;
?animation-fill-mode: none animation-fill-mode: none;
?afmn animation-fill-mode: none;
?animation-fill-mode: forwards animation-fill-mode: forwards;
?afmf animation-fill-mode: forwards;
?animation-fill-mode: both animation-fill-mode: both;
?afmb animation-fill-mode: both;
?animation-fill-mode: backwards animation-fill-mode: backwards;
?afmb animation-fill-mode: backwards;
?animation-iteration-count: infinite animation-iteration-count: infinite;
?aici animation-iteration-count: infinite;
?animation-iteration-count animation-iteration-count: ${1:number-count};
?aic animation-iteration-count: ${1:number-count};
?animation-iteration-count: 4; animation-iteration-count: 4;
?animation-direction: reverse animation-direction: reverse;
?adr animation-direction: reverse;
?animation-direction: alternate animation-direction: alternate;
?ada animation-direction: alternate;
?animation-direction: normal animation-direction: normal;
?adn animation-direction: normal;
?animation-direction: alternate-reverse animation-direction: alternate-reverse;
?adar animation-direction: alternate-reverse;
?animation-play-state: paused animation-play-state: paused;
?apsp animation-play-state: paused;
?animation-play-state: running animation-play-state: running;
?apsr animation-play-state: running;
?animation animation: ${1:keyframes-name} ${2:duration-time(s|ms)} ${3:timing-function(ease)} ${4:delay(s|ms)} ${5:iteration-count(infinite)} ${6:direction(alternate)} ${7:fill-mode(forwards)};
?selector-class .${1:class-name}{ $2 }
?. .${1:class-name}{ $2 }
?selector-id #${1:id-name}{ $2 }
?# #${1:id-name}{ $2 }
?selector-element ${1:element}{ $2 }
?selector-global *{ $2 }
?* *{ $2 }
?selector-element-and ${1:element}, ${2:element}{ $3 }
?, ${1:element}, ${2:element}{ $3 }
?selecto-inside ${1:element-parent} ${2:element-inside}{ $3 }
? ${1:element-parent} ${2:element-inside}{ $3 }
?selector-child ${1:element-parent}>${2:element-child}{ $3 }
?> ${1:element-parent}>${2:element-child}{ $3 }
?selector-after ${1:element}+${2:element-after}{ $3 }
?+ ${1:element}+${2:element-after}{ $3 }
?selecror-before ${1:element}~${2:element-berfore}{ $3 }
?~ ${1:element}~${2:element-berfore}{ $3 }
?selector-attribute ${1:elament}[${2:attribut}]{ $3 }
?[] ${1:elament}[${2:attribut}]{ $3 }
?selector-attribute-all [${1:atrribute}]{ $2 }
?[] [${1:atrribute}]{ $2 }
?selector-attribute-value ${1:elament}[${2:attribut}=${3:value}]{ $4 }
?[=] ${1:elament}[${2:attribut}=${3:value}]{ $4 }
?selector-attribute-value-have ${1:elament}[${2:attribut}~=${3:word-of-value}]{ $4 }
?[~=] ${1:elament}[${2:attribut}~=${3:word-of-value}]{ $4 }
?selector-attribute-value-started ${1:elament}[${2:attribut}|=${3:value-started}]{ $4 }
?[|=] ${1:elament}[${2:attribut}|=${3:value-started}]{ $4 }
?selector-attribute-value-begain ${1:elament}[${2:attribut}^=${3:value-begain}]{ $4 }
?[^=] ${1:elament}[${2:attribut}^=${3:value-begain}]{ $4 }
?selector-attribute-value-end ${1:elament}[${2:attribut}$=${3:value-end}]{ $4 }
?[$=] ${1:elament}[${2:attribut}$=${3:value-end}]{ $4 }
?selector-attribute-value-have ${1:elament}[${2:attribut}*= ${3:part-value}]{ $4 }
?[*=] ${1:elament}[${2:attribut}*= ${3:part-value}]{ $4 }
?var var(--${1:name})
?df display: flex;
?flex flex: ${1:grow} ${2:shrink} ${3:basis};
?f flex: ${1:grow} ${2:shrink} ${3:basis};
?flex: 1 1 uto flex: 1 1 auto;
?f11auto flex: 1 1 auto;
?flex: 0 0 uto flex: 0 0 auto;
?f00auto flex: 0 0 auto;
?flex: 1 0 uto flex: 1 0 auto;
?f10auto flex: 1 0 auto;
?flex: 0 1 uto flex: 0 1 auto;
?f01auto flex: 0 1 auto;
?flex-direction: column; flex-direction: column;
?fdc flex-direction: column;
?flex-direction: column-reverse; flex-direction: column-reverse;
?fdcr; flex-direction: column-reverse;
?flex-direction: row; flex-direction: row;
?fdr; flex-direction: row;
?flex-direction: row-reverse; flex-direction: row-reverse;
?fdrr; flex-direction: row-reverse;
?flex-wrap: nowrap; flex-wrap: nowrap;
?fwn; flex-wrap: nowrap;
?flex-wrap: wrap; flex-wrap: wrap;
?fww; flex-wrap: wrap;
?flex-wrap: wrap-reverse; flex-wrap: wrap-reverse;
?fwwr; flex-wrap: wrap-reverse;
?flex-grow: ; flex-grow: ${1:count};
?fg flex-grow: ${1:count};
?flex-grow: 1; flex-grow: 1;
?fg1; flex-grow: 1;
?flex-grow: 0; flex-grow: 0;
?fg0 flex-grow: 0;
?flex-shrink: ; flex-shrink: ${1:count};
?fsh flex-shrink: ${1:count};
?flex-shrink: 0; flex-shrink: 0;
?fsh0 flex-shrink: 0;
?flex-shrink: 1; flex-shrink: 1;
?fsh1 flex-shrink: 1;
?dif display: inline-flexbox;
?flex-flow: ; flex-flow: {1:flex-direction} {2:flex-wrap};
?ff flex-flow: {1:flex-direction} {2:flex-wrap};
?flex-flow: row nowrap; flex-flow: row nowrap;
?ffrn flex-flow: row nowrap;
?flex-flow: row wrap; flex-flow: row wrap;
?ffrw flex-flow: row wrap;
?flex-flow: row wrap-reverse; flex-flow: row wrap-reverse;
?ffrwr flex-flow: row wrap-reverse;
?flex-flow: row-reverse nowrap; flex-flow: row-reverse nowrap;
?ffrrn flex-flow: row-reverse nowrap;
?flex-flow: row-reverse wrap; flex-flow: row-reverse wrap;
?ffrrw flex-flow: row-reverse nowrap;
?flex-flow: row-reverse wrap-reverse; flex-flow: row-reverse wrap-reverse;
?ffrrwr flex-flow: row-reverse wrap-reverse;
?flex-flow: column nowrap; flex-flow: column nowrap;
?ffcn flex-flow: column nowrap;
?flex-flow: column wrap; flex-flow: column wrap;
?ffcw flex-flow: column wrap;
?flex-flow: column wrap-reverse; flex-flow: column wrap-reverse;
?ffcwr flex-flow: column wrap-reverse;
?flex-flow: column-reverse nowrap; flex-flow: column-reverse nowrap;
?ffcrn flex-flow: column-reverse nowrap;
?flex-flow: column-reverse wrap; flex-flow: column-reverse wrap;
?ffcrw flex-flow: column-reverse wrap;
?flex-flow: column-reverse wrap-reverse; flex-flow: column-reverse wrap-reverse;
?ffcrwr flex-flow: column-reverse wrap-reverse;
?justify-content: flex-start; justify-content: flex-start;
?jcfs justify-content: flex-start;
?justify-content: flex-end; justify-content: flex-end;
?jcfe; justify-content: flex-end;
?justify-content: space-evenly; justify-content: space-evenly;
?jcse; justify-content: space-evenly;
?justify-content: space-between; justify-content: space-between;
?jcsb; justify-content: space-between;
?justify-content: space-around; justify-content: space-around;
?jcsa; justify-content: space-around;
?align-items: stretch; align-items: stretch;
?ais; align-items: stretch;
?align-items: flex-start; align-items: flex-start;
?aifs; align-items: flex-start;
?align-items: center; align-items: center;
?aic; align-items: center;
?align-items: flex-end; align-items: flex-end;
?aife; align-items: flex-end;
?align-items: baseline; align-items: baseline;
?aib; align-items: baseline;
?align-content: stretch; align-content: stretch;
?acs align-content: stretch;
?align-content: flex-start; align-content: flex-start;
?acfs align-content: flex-start;
?align-content: flex-end; align-content: flex-end;
?acfe align-content: flex-end;
?align-content: center; align-content: center;
?align-content: space-between; align-content: space-between;
?acsb align-content: space-between;
?align-content: space-around; align-content: space-around;
?acsa align-content: space-around;
?order: 1; order: 1;
?o1 order: 1;
?order: 0; order: 0;
?o0 order: 0;
?order: -1; order: -1;
?o-1 order: 0-1
?order: ; order: ${1:cont};
?o order: ${1:cont};
?align-self: flex-start; align-self: flex-start;
?asfs align-self: flex-start;
?align-self: center; align-self: center;
?asc align-self: center;
?align-self: flex-end; align-self: flex-end;
?asfe align-self: flex-end;
?align-self: baseline; align-self: baseline;
?asb align-self: baseline;
?align-self: stretch; align-self: stretch;
?ass align-self: stretch;
?flex-basis: content; flex-basis: content;
?fbc; flex-basis: content;
?flex-basis: auto; flex-basis: auto;
?fba flex-basis: auto;
?flex-basis: 100%; flex-basis: 100%;
?fb100%; flex-basis: 100%;
?flex-basis: 300px; flex-basis: 300px;
?fb300px; flex-basis: 300px;
?flex-basis: ; flex-basis: ${1:count};
?fb flex-basis: ${1:count};
?color: blue; color: blue;
?color: green; color: green;
?color: red; color: red;
?color: gray; color: gray;
?color: black; color: black;
?color: yellow; color: yellow;
?color: pink; color: pink;
?color: indigo; color: indigo;
?color: purple; color: purple;
?color: orange; color: orange;
?color: teal; color: teal;
?color: cyan; color: cyan;
?color: white; color: white;
?color: primary; color: #007bff;
?color: secondary; color: #6c757d;
?color: success; color: #28a745;
?color: info; color: #17a2b8;
?color: warning; color: #ffc107;
?color: danger; color: #dc3545;
?color: light; color: #f8f9fa;
?color: dark; color: #343a40;
?color: brown; color: brown;
?color: gold; color: gold;
?color: yellowgreen; color: yellowgreen;
?color: tomato; color: tomato;
?color: silver; color: silver;
?color: orangered; color: orangered;
?color: chocolate; color: chocolate;
?color: coral; color: coral;
?color: crimson; color: crimson;
?color: darkblue; color: darkblue;
?color: whitesmoke; color: whitesmoke;
?color: wheat; color: wheat;
?color: violet; color: violet;
?color: turquoise; color: turquoise;
?color: thistle; color: thistle;
?color: tan; color: tan;
?color: steelblue; color: steelblue;
?color: springgreen; color: springgreen;
?color: snow; color: snow;
?color: slategrey; color: slategrey;
?color: slateblue; color: slateblue;
?color: skyblue; color: skyblue;
?color: seashell; color: seashell;
?color: seagreen; color: seagreen;
?list-style-type: none; list-style-type: none;
?lstn list-style-type: none;
?list-style-type: armenian; list-style-type: armenian;
?list-style-type: circle; list-style-type: circle;
?lstc list-style-type: circle;
?list-style-type: decimal; list-style-type: decimal;
?lstde list-style-type: decimal;
?list-style-type: decimal-leading-zero; list-style-type: decimal-leading-zero;
?lstdlz list-style-type: decimal-leading-zero;
?list-style-type: disc; list-style-type: disc;
?lstd list-style-type: disc;
?list-style-type: georgian; list-style-type: georgian;
?lstg list-style-type: georgian;
?list-style-type: lower-alpha; list-style-type: lower-alpha;
?lstla list-style-type: lower-alpha;
?list-style-type: lower-greek; list-style-type: lower-greek;
?lstlg list-style-type: lower-greek;
?list-style-type: lower-latin; list-style-type: lower-latin;
?lstll list-style-type: lower-latin;
?list-style-type: lower-roman; list-style-type: lower-roman;
?lstlr list-style-type: lower-roman;
?list-style-type: square; list-style-type: square;
?lsts list-style-type: square;
?list-style-type: symbols(); list-style-type: symbols();
?lstsy list-style-type: symbols();
?list-style-type: upper-alpha; list-style-type: upper-alpha;
?lstua list-style-type: upper-alpha;
?list-style-type: upper-latin; list-style-type: upper-latin;
?lstul list-style-type: upper-latin;
?list-style-type: upper-roman; list-style-type: upper-roman;
?lstur list-style-type: upper-roman;
?display: inline-grid; display: inline-grid;
?dig display: inline-grid;
?grid-template-rows: ; grid-template-rows: $1;
?gtr grid-template-rows: $1;
?grid-template-columns: ; grid-template-columns: $1;
?gtc grid-template-columns: $1;
?repeat() repeat($1,$2)
?r repeat($1,$2)
?minmax() minmax($1,$2)
?mm minmax($1,$2)
?grid-row-gap: ; grid-row-gap: $1;
?grg grid-row-gap: $1;
?grid-column-gap: ; grid-column-gap: $1;
?gcg grid-column-gap: $1;
?grid-gap: ; grid-gap: ${1:row} ${2:column};
?gg grid-gap: ${1:row} ${2:column};
?grid-row-start: ; grid-row-start: $1;
?grs grid-row-start: $1;
?grid-row-end: ; grid-row-end: $1;
?gre grid-row-end: $1;
?grid-column-start: ; grid-column-start: $1;
?gcs grid-column-start: $1;
?grid-column-end: ; grid-column-end: $1;
?gce grid-column-end: $1;
?grid-row: ; grid-row: ${1:start} / ${2:end};
?gr grid-row: ${1:start} / ${2:end};
?grid-column: ; grid-column: ${1:start} / ${2:end};
?gc grid-column: ${1:start} / ${2:end};
?grid-area: ; grid-area: ${1:rowstart} / ${2:columnstart} / ${3:rowend} / ${4:columnend};
?ga grid-area: ${1:rowstart} / ${2:columnstart} / ${3:rowend} / ${4:columnend};
?grid-auto-rows: ; grid-auto-rows: $1;
?gar grid-auto-rows: $1;
?grid-auto-flow: row; grid-auto-flow: row;
?gafr grid-auto-flow: row;
?grid-auto-flow: column; grid-auto-flow: column;
?gafc grid-auto-flow: column;
?grid-auto-flow: dense; grid-auto-flow: dense;
?gafd grid-auto-flow: dense;
?grid-auto-rows: min-content; grid-auto-rows: min-content;
?garmic grid-auto-rows: min-content;
?grid-auto-rows: max-content; grid-auto-rows: max-content;
?garmc grid-auto-rows: max-content;
?grid-auto-rows: auto; grid-auto-rows: auto;
?gara grid-auto-rows: auto;
?grid-auto-rows: minmax(); grid-auto-rows: minmax($1);
?garm grid-auto-rows: minmax($1);
?grid-auto-columns: ; grid-auto-columns: $1;
?gac grid-auto-columns: $1;
?grid-auto-columns: minmax(); grid-auto-columns: minmax($1);
?gacm grid-auto-columns: minmax($1);
?grid-auto-columns: min-content; grid-auto-columns: min-content;
?gacmic grid-auto-columns: min-content;
?grid-auto-columns: max-content; grid-auto-columns: max-content;
?gacmc grid-auto-columns: max-content;
?grid-auto-columns: auto; grid-auto-columns: auto;
?gaca; grid-auto-columns: auto;
?rotate() rotate(${1:10deg})
?rotate3d() rotate3d($1)
?rotatex() rotateX(${1:10deg})
?rotateY() rotateY($1)
?rotateZ() rotateZ(${1:10deg})
?scale() scale(${1:2})
?scale3d() scale3d($1)
?scaleX() scaleX(${1:2})
?scaleY() scaleY($${1:2})
?scaleZ() scaleZ(${1:2})
?skew() skew(${1:10deg})
?skewX(${1:10deg}) skewX(${1:10deg})
?skewY() skewY(${1:10deg})
?translate() translate(${1:10px}, ${2:20px})
?translate3d() translate3d($1)
?translateX() translateX(${1:10px})
?translateY() translateY(${1:10px})
?translateZ() translateZ(${1:10px})
?matrix() matrix(${1:10deg})
?matrix3d() matrix3d($1)
?transform transform: ${1|matrix3d(),matrix(),translateZ(),translateY(),translateX(),?translate3d(),translate(),skewY(),skewX(),skew(),scaleZ(),scale(),scale3d(),scaleX(),scaleY(),rotate(),rotate3d(),rotatex(),rotateY(),rotateZ()|};
?transform-origin: bottom; transform-origin: bottom;
?tob transform-origin: bottom;
?transform-origin: center; transform-origin: center;
?toc transform-origin: center;
?transform-origin: left; transform-origin: left;
?tol transform-origin: left;
?transform-origin: right; transform-origin: right;
?tor transform-origin: right;
?transform-origin: top; transform-origin: top;
?tot transform-origin: top;
?transform-origin: ; transform-origin: ${1|bottom,center,inherit,initial,left,right,top,unset,% %,top left,px px, |};
?to transform-origin: ${1|bottom,center,inherit,initial,left,right,top,unset,% %,top left,px px, |};
?transform-style: flat; transform-style: flat;
?tsf transform-style: flat;
?transform-style: preserve-3d; transform-style: preserve-3d;
?tsp3d; transform-style: preserve-3d;
?transform-style: ; transform-style:flat,preserve-3d,initial,inherit,unset;
?ts transform-style:flat,preserve-3d,initial,inherit,unset;
?perspective: none; perspective: none;
?pn perspective: none;
?perspective: ; perspective: $1;
?p perspective: $1;
?perspective-origin: bottom; perspective-origin: bottom;
?pob perspective-origin: bottom;
?perspective-origin: top; perspective-origin: top;
?pot perspective-origin: top;
?perspective-origin: left; perspective-origin: left;
?pol perspective-origin: left;
?perspective-origin: right; perspective-origin: right;
?por perspective-origin: right;
?perspective-origin: ; perspective-origin: $1;
?po perspective-origin: $1;
?backface-visibility: hidden; backface-visibility: hidden;
?bvh backface-visibility: hidden;
?backface-visibility: visible; backface-visibility: visible;
?bvv backface-visibility: visible;
?backface-visibility: ; backface-visibility: ${1|visible,hidden,initial,inherit,unset|};
?bv backface-visibility: ${1|visible,hidden,initial,inherit,unset|};
?z-index:0; z-index: 0;
?z-index: 1000; z-index: 1000;
?z-index: 1020; z-index: 1020;
?z-index: 1040; z-index: 1040;
?z-index: ; z-index: $1;
?zi z-index: $1;
?zoom: 25%; zoom: 25%;
?zoom: 50%; zoom: 50%;
?zoom: 75%; zoom: 75%;
?zoom: 100%; zoom: 100%;
?zoom: 1; zoom: 1;
?zoom: 200%; zoom: 200%;
?zoom: ; zoom: ;
?z zoom: ;
?white-space: ; white-space: ${1|pre-wrap,pre-line,pre, nowrap,normal |};
?ws white-space: ${1|pre-wrap,pre-line,pre, nowrap,normal |};
?white-space: pre-wrap; white-space: pre-wrap;
?wspw white-space: pre-wrap;
?white-space: pre-line; white-space: pre-line;
?wspl white-space: pre-line;
?white-space: pre; white-space: pre;
?wsp white-space: pre;
?white-space: nowrap; white-space: nowrap;
?wsnw white-space: nowrap;
?white-space: normal ; white-space: normal ;
?wsn white-space: normal ;
?widows: ; widows: ;
?wi widows: ;
?widows: 2; widows: 2;
?width: ; width: ${1| ,auto,fit-content,max-content,min-content,100%,75%,50%,25%|};
?w: ; width: ${1| ,auto,fit-content,max-content,min-content,100%,75%,50%,25%|};
?width: auto; width: auto;
?wa width: auto;
?width: fit-content; width: fit-content;
?wfc width: fit-content;
?width: max-content; width: max-content;
?wmc width: max-content;
?width: min-content; width: min-content;
?wmic width: min-content;
?will-change: ; will-change: ${1| ,auto,contents,scroll-position|};
?wch will-change: ${1| ,auto,contents,scroll-position|};
?will-change: auto; will-change: auto;
?wcha will-change: auto;
?will-change: contents; will-change: contents;
?wchc will-change: contents;
?will-change: scroll-position; will-change: scroll-position;
?wchsp; will-change: scroll-position;
?writing-mode: horizontal-tb; writing-mode: horizontal-tb;
?wrmht writing-mode: horizontal-tb;
?writing-mode: sideways-lr; writing-mode: sideways-lr;
?wrmsl writing-mode: sideways-lr;
?writing-mode: sideways-rl; writing-mode: sideways-rl;
?wrmsr writing-mode: sideways-rl;
?writing-mode: vertical-lr; writing-mode: vertical-lr;
?wrmvl writing-mode: vertical-lr;
?writing-mode: vertical-rl; writing-mode: vertical-rl;
?wrmnvr writing-mode: vertical-rl;
?vertical-align: auto; vertical-align: auto;
?vaa vertical-align: auto;
?vertical-align: baseline; vertical-align: baseline;
?vab vertical-align: baseline;
?vertical-align: bottom; vertical-align: bottom;
?vab vertical-align: bottom;
?vertical-align: middle; vertical-align: middle;
?vam vertical-align: middle;
?vertical-align: sub; vertical-align: sub;
?vas vertical-align: sub;
?vertical-align: super; vertical-align: super;
?vas vertical-align: super;
?vertical-align: text-bottom; vertical-align: text-bottom;
?vatb vertical-align: text-bottom;
?vertical-align: text-top; vertical-align: text-top;
?vatt vertical-align: text-top;
?vertical-align: top; vertical-align: top;
?vat vertical-align: top;
?vertical-align: ; vertical-align: ${1|baseline,sub,super,top,text-top,middle,bottom,text-bottom,%,px,inherit|};
?va vertical-align: ${1|baseline,sub,super,top,text-top,middle,bottom,text-bottom,%,px,inherit|};
?visibility: collapse; visibility: collapse;
?vc visibility: collapse;
?visibility: hidden; visibility: hidden;
?vh visibility: hidden;
?visibility: visible; visibility: visible;
?vv visibility: visible;
?visibility: ; visibility: ${1|visible,hidden,collapse|}
?v visibility: ${1|visible,hidden,collapse|}
?user-select: all; user-select: all;
?usa user-select: all;
?user-select: contain; user-select: contain;
?usc user-select: contain;
?user-select: auto; user-select: none;
?usa user-select: none;
?user-select: none; user-select: none;
?usn user-select: none;
?user-select: text; user-select: text;
?ust user-select: text;
?user-select: ; user-select: ${1|all,auto,contain,none,text|};
?us user-select: ${1|all,auto,contain,none,text|};
?unicode-bidi: ; unicode-bidi: normal,embed,isolate,bidi-override,isolate-override,plaintext;
?ub unicode-bidi: normal,embed,isolate,bidi-override,isolate-override,plaintext;
?unicode-bidi: embed; unicode-bidi: embed;
?ube unicode-bidi: embed;
?unicode-bidi: isolate; unicode-bidi: isolate;
?ubi unicode-bidi: isolate;
?unicode-bidi: isolate-override; unicode-bidi: isolate-override;
?ubio unicode-bidi: isolate-override;
?unicode-bidi: bidi-override; unicode-bidi: bidi-override;
?ubbo unicode-bidi: bidi-override;
?unicode-bidi: plaintext; unicode-bidi: plaintext;
?ubp unicode-bidi: plaintext;
?unicode-bidi: normal; unicode-bidi: normal;
?ubn unicode-bidi: normal;
?unicode-range: ; unicode-range: ;
?ur unicode-range: ;
?user-zoom: ; user-zoom: $1;
?top: ; top: $1;
?text-align: center text-align: center;
?tac text-align: center;
?text-align: right text-align: right;
?tar text-align: right;
?text-align: left text-align: left;
?tal text-align: left;
?text-align: justify text-align: justify;
?taj text-align: justify;
?text-align: end; text-align: end;
?tae text-align: end;
?text-align: start; text-align: start;
?tas text-align: start;
?text-align: ; text-align: ${1|center,end,justify,left,right,start,initial,inherit,unset|};
?ta text-align: ${1|center,end,justify,left,right,start,initial,inherit,unset|};
?text-align-last: auto text-align-last: auto;
?tala text-align-last: auto;
?text-align-last: center text-align-last: center;
?talc text-align-last: center;
?text-align-last: justify text-align-last: justify;
?talj text-align-last: justify;
?text-align-last: left text-align-last: left;
?tall text-align-last: left;
?text-align-last: right text-align-last: right;
?talr text-align-last: right;
?text-align-last: ; text-align-last: ${1|center,auto,justify,left,right,initial,inherit,unset|};
?tal text-align-last: ${1|center,auto,justify,left,right,initial,inherit,unset|};
?text-decoration: none text-decoration: none;
?tdn text-decoration: none;
?text-decoration: double text-decoration: double;
?tddou text-decoration: double;
?text-decoration: dotted text-decoration: dotted;
?tddot text-decoration: dotted;
?text-decoration: dashed text-decoration: dashed;
?tdda text-decoration: dashed;
?text-decoration: line-through text-decoration: line-through;
?tdlt text-decoration: line-through;
?text-decoration: overline text-decoration: overline;
?tdo text-decoration: overline;
?text-decoration: solid text-decoration: solid;
?tds text-decoration: solid;
?text-decoration: underline text-decoration: underline;
?tdu text-decoration: underline;
?text-decoration: wavy text-decoration: wavy;
?tdw text-decoration: wavy;
?text-decoration: ; text-decoration: ${1|dashed,dotted,double,line-through,none,overline,solid,underline,wavy|};
?td text-decoration: ${1|dashed,dotted,double,line-through,none,overline,solid,underline,wavy|};
?text-decoration-color: ; text-decoration-color: ${1:gray};
?text-decoration-color: black; text-decoration-color: black;
?tdc text-decoration-color: ${1:gray};
?text-decoration-skip: ; text-decoration-skip: ${1:amount};
?tds text-decoration-skip: ${1:amount};
?text-decoration-line: none text-decoration-line: none;
?tdln text-decoration-line: none;
?text-decoration-line: line-through text-decoration-line: line-through;
?tdllt text-decoration-line: line-through;
?text-decoration-line: overline text-decoration-line: overline;
?tdlo text-decoration-line: overline;
?text-decoration-line: underline text-decoration-line: underline;
?tdlu text-decoration-line: underline;
?text-decoration-line: ; text-decoration-line: ${1|none,line-through,overline,underline,initial,inherit,unset|};
?tdl text-decoration-line: ${1|none,line-through,overline,underline,initial,inherit,unset|};
?text-decoration text-decoration: ${1:text-decoration-line} ${2:text-decoration-style} ${3:text-decoration-color};
?td text-decoration: ${1:text-decoration-line} ${2:text-decoration-style} ${3:text-decoration-color};
?text-decoration-style: dashed text-decoration-style: dashed;
?tdsd text-decoration-style: dashed;
?text-decoration-style: solid text-decoration-style: solid;
?tdss text-decoration-style: solid;
?text-decoration-style: double text-decoration-style: double;
?tdsdou text-decoration-style: double;
?text-decoration-style: dotted text-decoration-style: dotted;
?tdsdot text-decoration-style: dotted;
?text-decoration-style: wavy text-decoration-style: wavy;
?tdsw text-decoration-style: wavy;
?text-decoration-style: ; text-decoration-style: ${1|dashed,dotted,double,none,solid,wavy,initial,inherit,unset|};
?tds text-decoration-style: ${1|dashed,dotted,double,none,solid,wavy,initial,inherit,unset|};
?text-decoration-skip-ink: none text-decoration-skip-ink: none;
?tdsin text-decoration-skip-ink: none;
?text-decoration-skip-ink: auto text-decoration-skip-ink: auto;
?tdsia text-decoration-skip-ink: auto;
?text-decoration-skip-ink: ; text-decoration-skip-ink: ${1|none,auto|};
?tdsi text-decoration-skip-ink: ${1|none,auto|};
?text-transform: capitalize text-transform: capitalize;
?ttc text-transform: capitalize;
?text-transform: lowercase text-transform: lowercase;
?ttl text-transform: lowercase;
?text-transform: none text-transform: none;
?ttn text-transform: none;
?text-transform: uppercase text-transform: uppercase;
?ttu text-transform: uppercase;
?text-transform: ; text-transform: ${1|capitalize,lowercase,none,uppercase,initial,inherit,unset|};
?tt text-transform: ${1|capitalize,lowercase,none,uppercase,initial,inherit,unset|};
?text-overflow: clip text-overflow: clip;
?toc text-overflow: clip;
?text-overflow: ellipsis text-overflow: ellipsis;
?toe text-overflow: ellipsis;
?text-overflow: ; text-overflow: ${1|ellipsis,ellipsis,initial,inherit,unset|};
?to text-overflow: ${1|ellipsis,ellipsis,initial,inherit,unset|};
?text-shadow text-shadow: ${1:x-offset} ${2:y-offset} ${3:blur} ${4:gray};
?tsh text-shadow: ${1:x-offset} ${2:y-offset} ${3:blur} ${4:gray};
?text-indent text-indent: ${1:count};
?ti text-indent: ${1:count};
?text-rendering: auto text-rendering: auto;
?tra text-rendering: auto;
?text-rendering: geometricPrecision text-rendering: geometricPrecision;
?trg text-rendering: geometricPrecision;
?text-rendering: optimizeLegibility text-rendering: optimizeLegibility;
?trol text-rendering: optimizeLegibility;
?text-rendering: optimizeSpeed text-rendering: optimizeSpeed;
?tros text-rendering: optimizeSpeed;
?text-size-adjust text-size-adjust: ${1:count};
?tsa text-size-adjust: ${1:count};
?text-anchor: end text-anchor: end;
?tae text-anchor: end;
?text-anchor: middle text-anchor: middle;
?tam text-anchor: middle;
?text-anchor: start text-anchor: start;
?tas text-anchor: start;
?text-anchor: ; text-anchor: ${1|start,end,middle,initial,inherit,unset|};
?ta text-anchor: ${1|start,end,middle,initial,inherit,unset|};
?text-underline-position: auto text-underline-position: auto;
?tupau text-underline-position: auto;
?text-underline-position: above text-underline-position: above;
?tupab text-underline-position: above;
?text-underline-position: below text-underline-position: below;
?tupb text-underline-position: below;
?text-underline-position: ; text-underline-position: ${1|auto,above,below,initial,inherit,unset|};
?tdp text-underline-position: ${1|auto,above,below,initial,inherit,unset|};
?text-orientation: mixed text-orientation: mixed;
?tom text-orientation: mixed;
?text-orientation: sideways text-orientation: sideways;
?tos text-orientation: sideways;
?text-orientation: sideways-right text-orientation: sideways-right;
?tosr text-orientation: sideways-right;
?text-orientation: upright text-orientation: upright;
?tou text-orientation: upright;
?text-orientation: ; text-orientation:${1|mixed,sideways,sideways-right,upright,initial,inherit,unset|};
?to text-orientation:${1|mixed,sideways,sideways-right,upright,initial,inherit,unset|};
?text-combine-upright: all text-combine-upright: all;
?tcua text-combine-upright: all;
?text-combine-upright: none text-combine-upright: none;
?tcun text-combine-upright: none;
?text-combine-upright: ; text-combine-upright: ${1|all,none,inherit,inherit,unset|};
?tcu text-combine-upright: ${1|all,none,inherit,inherit,unset|};
?text-justify: auto text-justify: auto;
?tja text-justify: auto;
?text-justify: newspaper text-justify: newspaper;
?tjn text-justify: newspaper;
?text-justify: kashida text-justify: kashida;
?tjk text-justify: kashida;
?text-justify: inter-word text-justify: inter-word;
?tjiw text-justify: inter-word;
?text-justify: inter-ideograph text-justify: inter-ideograph;
?tjii text-justify: inter-ideograph;
?text-justify: inter-cluster text-justify: inter-cluster;
?tjic text-justify: inter-cluster;
?text-justify: distribute-all-lines text-justify: distribute-all-lines;
?tjdal text-justify: distribute-all-lines;
?text-justify: distribute text-justify: distribute;
?tjd text-justify: distribute;
?text-justify: ; text-justify: ${1|auto,distribute,distribute-all-lines,inter-cluster,inter-ideograph,inter-word,kashida,newspaper,initial,inherit,unset|};
?tj text-justify: ${1|auto,distribute,distribute-all-lines,inter-cluster,inter-ideograph,inter-word,kashida,newspaper,initial,inherit,unset|};
?text-decoration-thickness: auto text-decoration-thickness: auto;
?tdta text-decoration-thickness: auto;
?text-decoration-thickness: ; text-decoration-thickness: ${1|auto,inherit,initial,unset|};
?tdt text-decoration-thickness: ${1|auto,inherit,initial,unset|};
?text-emphasis text-emphasis: ${1:text-emphasis-style} ${2:text-emphasis-color};
?te text-emphasis: ${1:text-emphasis-style} ${2:text-emphasis-color};
?text-emphasis: none black; text-emphasis: none black;
?text-emphasis-color text-emphasis-color: ${1:gray};
?tec text-emphasis-color: ${1:gray};
?text-emphasis-color: black; text-emphasis-color: black;
?text-emphasis-position: over text-emphasis-position: over;
?tepo text-emphasis-position: over;
?text-emphasis-position: under text-emphasis-position: under;
?tepu text-emphasis-position: under;
?text-emphasis-position: right text-emphasis-position: right;
?tepr text-emphasis-position: right;
?text-emphasis-position: left text-emphasis-position: left;
?tepl text-emphasis-position: left;
?text-emphasis-position: ; text-emphasis-position: ${1|over,under,right,left|};
?tep text-emphasis-position: ${1|over,under,right,left|};
?text-emphasis-style: none text-emphasis-style: none;
?tesn text-emphasis-style: none;
?text-emphasis-style: filled text-emphasis-style: filled;
?tesf text-emphasis-style: filled;
?text-emphasis-style: open text-emphasis-style: open;
?teso text-emphasis-style: open;
?text-emphasis-style: dot text-emphasis-style: dot;
?tesd text-emphasis-style: dot;
?text-emphasis-style: circle text-emphasis-style: circle;
?tesc text-emphasis-style: circle;
?text-emphasis-style: triangle text-emphasis-style: triangle;
?test text-emphasis-style: triangle;
?text-emphasis-style: sesame text-emphasis-style: sesame;
?tess text-emphasis-style: sesame;
?text-emphasis-style: ; text-emphasis-style: ${1|none,filled,open,dot,circle,triangle,sesame|};
?tes text-emphasis-style: ${1|none,filled,open,dot,circle,triangle,sesame|};
?text-underline-offset text-underline-offset: ${1:count};
?tuo text-underline-offset: ${1:count};
?text-underline-offset: auto text-underline-offset: auto;
?tuoa text-underline-offset: auto;
text-align text-align: ${1|start, end, left, right, center, justify, match-parent|};
ta text-align: ${1|start, end, left, right, center, justify, match-parent|};
?text-underline-offset: 20px; text-underline-offset: 20px;
?transition: ; transition: ${1:transition-property} ${2:transition-duration} ${3:transition-timing-function} ${4:transition-delay};
?t transition: ${1:transition-property} ${2:transition-duration} ${3:transition-timing-function} ${4:transition-delay};
?text-rendering: ; text-rendering: ${1|auto,geometricPrecision,optimizeLegibility,optimizeSpeed,initial,inherit,unset|};
?tr text-rendering: ${1|auto,geometricPrecision,optimizeLegibility,optimizeSpeed,initial,inherit,unset|};
?touch-action: auto; touch-action: auto;
?taa touch-action: auto;
?touch-action: cross-slide-x; touch-action: cross-slide-x;
?tacsx touch-action: cross-slide-x;
?touch-action: cross-slide-y; touch-action: cross-slide-y;
?tacsy touch-action: cross-slide-y;
?touch-action: double-tap-zoom; touch-action: double-tap-zoom;
?tadtz touch-action: double-tap-zoom;
?touch-action: manipulation; touch-action: manipulation;
?tam touch-action: manipulation;
?touch-action: none; touch-action: none;
?tan touch-action: none;
?touch-action: pan-x; touch-action: pan-x;
?tapx touch-action: pan-x;
?touch-action: pan-y; touch-action: pan-y;
?tapy touch-action: pan-y;
?touch-action: pinch-zoom; touch-action: pinch-zoom;
?tapz touch-action: pinch-zoom;
?touch-action: ; touch-action: ${1|auto,cross-slide-x,cross-slide-y,double-tap-zoom,manipulation,none,pan-x,pan-y,pinch-zoom,initial,inherit,unset|};
?ta touch-action: ${1|auto,cross-slide-x,cross-slide-y,double-tap-zoom,manipulation,none,pan-x,pan-y,pinch-zoom,initial,inherit,unset|};
?transition-property: all; transition-property: all;
?tpa transition-property: all;
?transition-property: none; transition-property: none;
?tpn transition-property: none;
?transition-property: ; transition-property: ${1|all,none,,inherit,initial|};
?tp transition-property: ${1|all,none,,inherit,initial|};
?table-layout: auto; table-layout: auto;
?tla table-layout: auto;
?table-layout: fixed; table-layout: fixed;
?tlf table-layout: fixed;
?table-layout: ; table-layout: ${1|auto,fixed,,initial,inherit,unset|};
?tl table-layout: ${1|auto,fixed,,initial,inherit,unset|};
?transition-delay: ; transition-delay: $1;
?td transition-delay: $1;
?transition-duration: ; transition-duration: $1;
?td transition-duration: $1;
?transition-timing-function: ; transition-timing-function: ${1|ease,ease-in,ease-out,ease-in-out,linear,step-end,step-start,steps(),cubic-bezier(),inherit,initial,unset|};
?ttf transition-timing-function: ${1|ease,ease-in,ease-out,ease-in-out,linear,step-end,step-start,steps(),cubic-bezier(),inherit,initial,unset|};
?transition-timing-function: cubic-bezier(); transition-timing-function: cubic-bezier($1);
?transition-timing-function: ease; transition-timing-function: ease;
?transition-timing-function: ease-in; transition-timing-function: ease-in;
?transition-timing-function: ease-out; transition-timing-function: ease-out;
?transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
?transition-timing-function: linear; transition-timing-function: linear;
?transition-timing-function: step-end; transition-timing-function: step-end;
?transition-timing-function: step-start; transition-timing-function: step-start;
?transition-timing-function: steps(); transition-timing-function: steps();
?tab-size: ; tab-size: ${1:count};
?ts tab-size: ${1:count};
?transform-box: ; transform-box: $1;
?tb transform-box: $1;
?float: right; float: right;
?fr float: right;
?float: left; float: left;
?fl float: left;
?float: none; float: none;
?fn float: none;
?float float: ${1|right,left,none|};
?clear: right; clear: right;
?clr clear: right;
?clear: left; clear: left;
?cll clear: left;
?clear: both; clear: both;
?clb clear: both;
?clear: none; clear: none;
?cln clear: none;
?clear clear: ${1|right,left,both,none|};
?clear clear: ${1|right,left,both,none|};
?clear clear: ${1|right,left,both,none|};

I will add other properties over time

My English is weak. I apologize if there is a problem

In next Versions Wd Will Add All Property

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft