From 4b1a9203c547c019fc5398082ae19a3f3d4c3efe Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <mail@peterbe.com>
Date: Tue, 8 Dec 2020 14:41:15 -0500
Subject: initial commit

---
 files/ca/web/css/_doublecolon_selection/index.html | 160 +++++++++++++++++++++
 1 file changed, 160 insertions(+)
 create mode 100644 files/ca/web/css/_doublecolon_selection/index.html

(limited to 'files/ca/web/css/_doublecolon_selection/index.html')

diff --git a/files/ca/web/css/_doublecolon_selection/index.html b/files/ca/web/css/_doublecolon_selection/index.html
new file mode 100644
index 0000000000..62b5e25619
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_selection/index.html
@@ -0,0 +1,160 @@
+---
+title: '::selection'
+slug: 'Web/CSS/::selection'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-element
+  - Reference
+translation_of: 'Web/CSS/::selection'
+---
+<div>{{CSSRef}}</div>
+
+<p>El <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> <strong><code>::selection</code></strong> <span id="result_box" lang="ca"><span>aplica estils a la part d'un document que l'usuari ha ressaltat (com ara amb el ratolí).</span></span></p>
+
+<pre class="brush: css no-line-numbers">::selection {
+  color: gold;
+  background: red;
+}</pre>
+
+<p>Només un petit subconjunt de propietats CSS es pot utilitzar amb el pseudo-element <code>::selection</code>:</p>
+
+<ul>
+ <li>{{cssxref("color")}}</li>
+ <li>{{cssxref("background-color")}}</li>
+ <li>{{cssxref("cursor")}}</li>
+ <li>{{cssxref("outline")}}</li>
+ <li>{{cssxref("text-decoration")}}</li>
+ <li>{{cssxref("text-emphasis-color")}}</li>
+ <li>{{cssxref("text-shadow")}}</li>
+</ul>
+
+<p>Tingueu en compte que, en particular, s'ignora {{cssxref("background-image")}}.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">/* Firefox syntax */
+::-moz-selection
+
+{{csssyntax}}
+</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;div&gt;This text has special styles when you highlight it.&lt;/div&gt;
+&lt;p&gt;Also try selecting text in this paragraph.&lt;/p&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">/* Make selected text gold on a red background */
+::-moz-selection {
+  color: gold;
+  background: red;
+}
+
+::selection {
+  color: gold;
+  background: red;
+}
+
+/* Make selected text in a paragraph white on a blue background */
+p::-moz-selection {
+  color: white;
+  background: blue;
+}
+
+p::selection {
+  color: white;
+  background: blue;
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Pseudo-Elements', '#selectordef-selection', '::selection')}}</td>
+   <td>{{Spec2('CSS4 Pseudo-Elements')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<div class="note">
+<p><strong>Nota:</strong> Tot i que <code>::selection</code> estava present en els esborranys de CSS Selectors Nivell 3, es va eliminar durant la fase de Recomanació de Candidats perquè el seu comportament no era suficientment especificat (especialment amb elements niats) i no es va aconseguir la interoperabilitat (<a href="http://lists.w3.org/Archives/Public/www-style/2008Oct/0268.html">basada en una discussió en la llista de correu d'Estil W3C</a>). El pseudo-element <code>::selection</code> ha estat retornat a <a href="http://dev.w3.org/csswg/css-pseudo-4/">Pseudo-Elements Nivell 4</a>.</p>
+</div>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div class="note">
+<p><strong>Nota:</strong> <code>text-shadow</code> en <code>::selection</code> és compatible amb Chrome, Safari i Firefox 17+.</p>
+</div>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>1.0 {{property_prefix("-moz")}}<sup>[1]</sup></td>
+   <td>9</td>
+   <td>9.5</td>
+   <td>1.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Gecko actualment només és compatible amb la versió prefixada ::-moz-selection. Serà sense prefix en {{bug(509958)}}.</p>
-- 
cgit v1.2.3-54-g00ecf