diff options
author | julieng <julien.gattelier@gmail.com> | 2021-09-17 20:59:20 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-12 07:57:33 +0200 |
commit | 258ba7b4be62d8640477a3bd3146d08b00cb70ec (patch) | |
tree | a8476eee4c369ff47bdfe08353774414f2281ba3 /files/fr/web/css/-webkit-text-security | |
parent | 149319bb8c7b1394a443f0877c3460cd362aa815 (diff) | |
download | translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.gz translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.bz2 translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.zip |
convert content to md
Diffstat (limited to 'files/fr/web/css/-webkit-text-security')
-rw-r--r-- | files/fr/web/css/-webkit-text-security/index.md | 49 |
1 files changed, 26 insertions, 23 deletions
diff --git a/files/fr/web/css/-webkit-text-security/index.md b/files/fr/web/css/-webkit-text-security/index.md index 290fc9d2b7..4aa198a0e7 100644 --- a/files/fr/web/css/-webkit-text-security/index.md +++ b/files/fr/web/css/-webkit-text-security/index.md @@ -8,47 +8,50 @@ tags: - Reference translation_of: Web/CSS/-webkit-text-security --- -<div>{{CSSRef}} {{Non-standard_header}}</div> +{{CSSRef}} {{Non-standard_header}} -<p><code><strong>-webkit-text-security</strong></code> est une propriété CSS non-standard qui permet de masquer les caractères saisis dans un camp d'un formulaire (ex. {{HTMLElement("input")}} ou {{HTMLElement("textarea")}}) en les remplaçant par une forme géométrique. Cette propriété n'affecte que les champs qui ne sont pas de type <code>password</code>.</p> +**`-webkit-text-security`** est une propriété CSS non-standard qui permet de masquer les caractères saisis dans un camp d'un formulaire (ex. {{HTMLElement("input")}} ou {{HTMLElement("textarea")}}) en les remplaçant par une forme géométrique. Cette propriété n'affecte que les champs qui ne sont pas de type `password`. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="brush: css no-line-numbers">-webkit-text-security: circle; +```css +-webkit-text-security: circle; -webkit-text-security: disc; -webkit-text-security: square; -webkit-text-security: none; -</pre> +``` -<h2 id="Exemples">Exemples</h2> +## Exemples -<p>En utilisant un navigateur qui prend en charge cette propriété et en saisissant des caractères dans le champs, vous pourrez les voir remplacées par des carrés.</p> +En utilisant un navigateur qui prend en charge cette propriété et en saisissant des caractères dans le champs, vous pourrez les voir remplacées par des carrés. -<h3 id="HTML">HTML</h3> +### HTML -<pre class="brush: html"><label for="name">Nom :</label> -<input type="text" name="name" id="name" /></pre> +```html +<label for="name">Nom :</label> +<input type="text" name="name" id="name" /> +``` -<h3 id="CSS">CSS</h3> +### CSS -<pre class="brush: css">input { +```css +input { -webkit-text-security: square; -}</pre> +} +``` -<h3 id="Résultat">Résultat</h3> +### Résultat -<p>{{EmbedLiveSample("Example")}}</p> +{{EmbedLiveSample("Example")}} -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<p>Cette propriété WebKit est spécifique à ce moteur et ne fait partie d'aucune spécification<em>.</em></p> +Cette propriété WebKit est spécifique à ce moteur et ne fait partie d'aucune spécification*.* -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>Cette propriété est prise en charge par les navigateurs basés sur WebKit ou Blink.</p> +Cette propriété est prise en charge par les navigateurs basés sur WebKit ou Blink. -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="/en-US/docs/Web/CSS/WebKit_Extensions">Les extensions CSS spécifiques à WebKit</a></li> -</ul> +- [Les extensions CSS spécifiques à WebKit](/en-US/docs/Web/CSS/WebKit_Extensions) |