:read-write

  • Raccourci de la révision : CSS/:read-write
  • Titre de la révision : :read-write
  • ID de la révision : 334069
  • Créé :
  • Créateur : FredB
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

{{ CSSRef() }}

Résumé

La pseudo-classe CSS :read-write cible les éléments qui peuvent être édités par un utilisateur comme les champs de texte.

Spécifications

Spécification État Commentaire
{{ SpecName('HTML WHATWG', '#selector-read-write', ':read-write') }} {{ Spec2('HTML WHATWG') }} Aucune modification.
{{ SpecName('HTML5 W3C', '#selector-read-write', ':read-write') }} {{ Spec2('HTML5 W3C') }} Définit la sémantique HTML et les contraintes de validation.
{{ SpecName('CSS4 Selectors', '#rw-pseudos', ':read-write') }} {{ Spec2('CSS4 Selectors') }} Aucune modification.
{{ SpecName('CSS3 UI', '#pseudo-ro-rw', ':read-write') }} {{ Spec2('CSS3 UI') }} Définit la pseudo-classe, mais pas la sémantique associée.

Compatibilité des navigateurs

{{ CompatibilityTable() }}

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support de base {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }}{{ property_prefix("-moz") }}{{ bug("312971") }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatVersionUnknown() }}
Éléments éditables (sauf champs de texte) {{ CompatNo() }} {{ CompatVersionUnknown() }}{{ property_prefix("-moz") }}{{ bug("312971") }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}
Fonction Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatVersionUnknown() }}{{ property_prefix("-moz") }}{{ bug("312971") }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }}
Éléments éditables (sauf champs de texte) {{ CompatNo() }} {{ CompatNo() }} {{ CompatVersionUnknown() }}{{ property_prefix("-moz") }}{{ bug("312971") }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}

Voir également

Source de la révision

<p>{{ CSSRef() }}</p>
<h2 id="R.C3.A9sum.C3.A9">Résumé</h2>
<p>La pseudo-classe CSS <code>:read-write</code> cible les éléments qui peuvent être édités par un utilisateur comme les champs de texte.</p>
<h2 class="editable" id="Sp.C3.A9cifications"><span>Spécifications</span></h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Spécification</th>
      <th scope="col">État</th>
      <th scope="col">Commentaire</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ SpecName('HTML WHATWG', '#selector-read-write', ':read-write') }}</td>
      <td>{{ Spec2('HTML WHATWG') }}</td>
      <td>Aucune modification.</td>
    </tr>
    <tr>
      <td>{{ SpecName('HTML5 W3C', '#selector-read-write', ':read-write') }}</td>
      <td>{{ Spec2('HTML5 W3C') }}</td>
      <td>Définit la sémantique HTML et les contraintes de validation.</td>
    </tr>
    <tr>
      <td>{{ SpecName('CSS4 Selectors', '#rw-pseudos', ':read-write') }}</td>
      <td>{{ Spec2('CSS4 Selectors') }}</td>
      <td>Aucune modification.</td>
    </tr>
    <tr>
      <td>{{ SpecName('CSS3 UI', '#pseudo-ro-rw', ':read-write') }}</td>
      <td>{{ Spec2('CSS3 UI') }}</td>
      <td>Définit la pseudo-classe, mais pas la sémantique associée.</td>
    </tr>
  </tbody>
</table>
<h2 id="Compatibilit.C3.A9_des_navigateurs">Compatibilité des navigateurs</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Fonction</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari</th>
      </tr>
      <tr>
        <td>Support de base</td>
        <td>{{ CompatVersionUnknown() }}</td>
        <td>{{ CompatVersionUnknown() }}{{ property_prefix("-moz") }}{{ bug("312971") }}</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatVersionUnknown() }}</td>
      </tr>
      <tr>
        <td>Éléments éditables (sauf champs de texte)</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatVersionUnknown() }}{{ property_prefix("-moz") }}{{ bug("312971") }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Fonction</th>
        <th>Android</th>
        <th>Chrome for Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE Mobile</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Support de base</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatVersionUnknown() }}{{ property_prefix("-moz") }}{{ bug("312971") }}</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatUnknown() }}</td>
      </tr>
      <tr>
        <td>Éléments éditables (sauf champs de texte)</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatVersionUnknown() }}{{ property_prefix("-moz") }}{{ bug("312971") }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="Voir_.C3.A9galement">Voir également</h2>
<ul>
  <li>Attribut HTML <a href="/fr/HTML/Content_Editable" title="en/HTML/Content Editable"><code>contenteditable</code></a></li>
</ul>
Revenir à cette révision