diff options
Diffstat (limited to 'files/es/web/css/_doublecolon_-webkit-scrollbar/index.html')
| -rw-r--r-- | files/es/web/css/_doublecolon_-webkit-scrollbar/index.html | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/files/es/web/css/_doublecolon_-webkit-scrollbar/index.html b/files/es/web/css/_doublecolon_-webkit-scrollbar/index.html new file mode 100644 index 0000000000..4e89ab3087 --- /dev/null +++ b/files/es/web/css/_doublecolon_-webkit-scrollbar/index.html @@ -0,0 +1,37 @@ +--- +title: '::-webkit-scrollbar' +slug: 'Web/CSS/::-webkit-scrollbar' +tags: + - CSS + - NeedsCompatTable + - Pseudo-elemento + - Referencia +translation_of: 'Web/CSS/::-webkit-scrollbar' +--- +<p>{{Draft()}}{{CSSRef}}</p> + +<h2 id="Resumen">Resumen</h2> + +<p>El <a href="/es/docs/Web/CSS/Pseudo-elements">pseudo-elemento</a> <a href="/es/docs/Web/CSS">CSS</a> <font face="Consolas, Liberation Mono, Courier, monospace">::-webkit-scrollbar</font> afecta el estilo de la barra de desplazamiento asociada a un elemento.</p> + +<div class="note"> +<p><code>::-webkit-scrollbar</code> sólo está disponible en navegadores basados en <a class="external external-icon" href="https://webkit.org" title="https://webkit.org">WebKit</a><span style="font-size: 85%;"> (p.e., Google Chrome)</span>.</p> +</div> + +<h2 id="Ejemplo">Ejemplo</h2> + +<pre class="brush: css">.visible-scrollbar, .invisible-scrollbar { + display: block; + width: 10em; + overflow: auto; +} +.invisible-scrollbar::-webkit-scrollbar { + display: none; +} +</pre> + +<pre class="brush: html"><div class="visible-scrollbar">Thisisaveeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeerylongword</div> +<div class="invisible-scrollbar">Thisisaveeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeerylongword</div> +</pre> + +<p>{{EmbedLiveSample('Ejemplo')}}</p> |