diff options
Diffstat (limited to 'files/es/web/css/_doublecolon_-ms-ticks-after/index.html')
-rw-r--r-- | files/es/web/css/_doublecolon_-ms-ticks-after/index.html | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/files/es/web/css/_doublecolon_-ms-ticks-after/index.html b/files/es/web/css/_doublecolon_-ms-ticks-after/index.html new file mode 100644 index 0000000000..5f49d4a9b0 --- /dev/null +++ b/files/es/web/css/_doublecolon_-ms-ticks-after/index.html @@ -0,0 +1,84 @@ +--- +title: '::-ms-ticks-after' +slug: 'Web/CSS/::-ms-ticks-after' +tags: + - CSS + - No standard + - Pseudo-elementos + - Referencia +translation_of: 'Archive/Web/CSS/::-ms-ticks-after' +--- +<div>{{CSSRef}}</div> + +<div>{{non-standard_header}}</div> + +<div> </div> + +<p>El <a href="/en-US/docs/Web/CSS">CSS</a> <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a>o <strong><code>::-ms-ticks-after</code></strong> es una extensión de<a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions"> extensión de Microsoft </a>que aplica uno o más estilos, a las marcas de tick que aparecen despues del marcador de un control slider. El control slider es una posible representación de una entrada tipo rango( <a href="/en-US/docs/Web/HTML/Element/input/range"><input type="range"></a> ).</p> + +<p>Esas marcas no son mostradas por omisión. Para mostrarlas, se debe de establecer la propiedad display del control a block {{cssxref("display")}}.</p> + +<p>Es posible usar los pseudo elementos <strong><code>::-ms-ticks-after</code></strong>, {{ cssxref("::-ms-ticks-before") }}, y {{ cssxref("::-ms-track") }} a la vez. Para hacerlo debe crear tres tres conjuntos de marcas, pero la mejor experiencia deusuario es con un conjunto. Par quitar todas las marcas , establezca la propiedad color {{ cssxref("color") }} a transparente.</p> + +<h2 id="Allowable_properties" name="Allowable_properties">Allowable Properties</h2> + +<p>Solo una de las siguientes propiedades CSS puede ser usada con <code>::-ms-ticks-after</code> en su selector. Otras propiedadess seran ignoradas.</p> + +<ul> + <li>{{cssxref("background-clip")}}</li> + <li>{{cssxref("background-color")}}</li> + <li>{{cssxref("background-image")}}</li> + <li>{{cssxref("background-origin")}}</li> + <li>{{cssxref("background-repeat")}}</li> + <li>{{cssxref("background-size")}}</li> + <li>{{cssxref("border-bottom-color")}}</li> + <li>{{cssxref("border-bottom-left-radius")}}</li> + <li>{{cssxref("border-bottom-right-radius")}}</li> + <li>{{cssxref("border-bottom-style")}}</li> + <li>{{cssxref("border-bottom-width")}}</li> + <li>{{cssxref("border-left-color")}}</li> + <li>{{cssxref("border-left-style")}}</li> + <li>{{cssxref("border-left-width")}}</li> + <li>{{cssxref("border-right-color")}}</li> + <li>{{cssxref("border-right-style ")}}</li> + <li>{{cssxref("border-right-width")}}</li> + <li>{{cssxref("border-top-color")}}</li> + <li>{{cssxref("border-top-left-radius")}}</li> + <li>{{cssxref("border-top-right-radius ")}}</li> + <li>{{cssxref("border-top-style")}}</li> + <li>{{cssxref("border-top-width")}}</li> + <li>{{cssxref("box-shadow")}}</li> + <li>{{cssxref("box-sizing")}}</li> + <li>{{cssxref("color")}}</li> + <li>{{cssxref("cursor")}}</li> + <li>{{cssxref("display")}} (values <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> + <li>{{cssxref("@font-face")}}</li> + <li>{{cssxref("font-size")}}</li> + <li>{{cssxref("font-style")}}</li> + <li>{{cssxref("font-weight")}}</li> + <li>{{cssxref("height")}}</li> + <li>{{cssxref("margin-bottom")}}</li> + <li>{{cssxref("margin-left")}}</li> + <li>{{cssxref("margin-right")}}</li> + <li>{{cssxref("margin-top")}}</li> + <li><code>-ms-background-position-x</code></li> + <li><code>-ms-background-position-y</code></li> + <li>{{cssxref("-ms-high-contrast-adjust")}}</li> + <li>{{cssxref("opacity")}}</li> + <li>{{cssxref("outline-color")}}</li> + <li>{{cssxref("outline-style")}}</li> + <li>{{cssxref("outline-width")}}</li> + <li>{{cssxref("padding-bottom")}}</li> + <li>{{cssxref("padding-left")}}</li> + <li>{{cssxref("padding-right")}}</li> + <li>{{cssxref("padding-top")}}</li> + <li>{{cssxref("transform")}}</li> + <li>{{cssxref("transform-origin")}}</li> + <li>{{cssxref("visibility")}}</li> + <li>{{cssxref("width")}}</li> +</ul> + +<h2 id="Syntax" name="Syntax">Syntax</h2> + +<pre class="syntaxbox"> {{csssyntax}} +</pre> |