Border pour un bouton d`entrée html

Contenu

Élément d`entrée
Css identifier
Déclaration de la frontière
Côtés frontaliers
Propriétés de la frontière

article data-type="article">

En utilisant une combinaison de balisage et CSS (Cascading Style Sheets) déclarations HTML, les sites Web peuvent figurer des éléments interactifs tels que des boutons. Les formulaires HTML utilisent des éléments d`entrée, y compris les boutons pour fournir une interaction utilisateur au sein d`un site. éléments des boutons apparaissent généralement de façon standard dans le navigateur de l`utilisateur, mais les développeurs peuvent choisir de fournir des propriétés de style spécifiques qui déterminent leur apparence, y compris les frontières.

Élément d`entrée

Pour inclure un bouton HTML dans une page Web, vous pouvez utiliser l`élément d`entrée. L`élément d`entrée est une caractéristique commune dans les formulaires Web et peut être un bouton ou type de texte. L`exemple de code suivant montre le balisage comprenant un bouton d`entrée de HTML:
La valeur du bouton détermine le texte qui sera affiché sur elle. Utilisation de l`attribut de classe permet au code CSS pour identifier le bouton.

CSS Identifier

code CSS peut identifier les éléments HTML en utilisant leurs noms de balises, attributs d`identité ou les attributs de classe. Si un développeur veut appliquer le même style à tous les éléments d`entrée d`un site, il peut utiliser le nom de tag d`élément comme l`identifiant comme suit:
contribution{
/CSS déclarations ici/
}
Si un élément est unique au sein de la page Web et possède un attribut ID, code CSS peut l`utiliser comme suit:
mainbtn {
/CSS déclarations ici/

}
Cela fonctionne lorsque le bouton d`entrée a un attribut ID avec "mainbtn" comme sa valeur. Pour utiliser un attribut de classe, auquel cas un bouton est affecté à un groupe d`éléments, le code CSS peut utiliser la syntaxe suivante:
input.standardbtn {
/CSS déclarations ici/
}

Déclaration de la frontière

code CSS peut déclarer le style de la frontière dans un certain nombre de façons. Pour déclarer un ensemble de propriétés qui seront applicables à tous les côtés de l`élément de bouton d`entrée, la syntaxe suivante peut être utilisée:
input.standardbtn {
border: 1px solid # 000000;
}
Ce code spécifie la largeur de la bordure, le style et la couleur pour les quatre côtés de la touche d`entrée. Chacun de ces éléments peut avoir différentes valeurs possibles en fonction du style global d`un site ou d`une page.

Côtés frontaliers

code CSS peut dicter le style de différents côtés de la touche d`entrée séparément. Par exemple, le code suivant spécifie toutes les propriétés de la partie supérieure de la touche d`entrée sur une seule ligne:
border-top: 3px pointillées # FF0000;
code CSS peut alternativement spécifier un style pour les quatre côtés des éléments en termes de propriétés uniques:
border-width: 1px 1px 2px 2px;
Cette syntaxe détermine la largeur du haut, à droite, en bas et à gauche.

Propriétés de la frontière

code CSS peut dicter un style pour les propriétés individuelles ainsi que l`utilisation de sténographie de déclarer tous dans une seule ligne. Par exemple, le code suivant illustre le réglage de la couleur de la bordure:
border-color: # 0000FF;
Ce qui suit démontre le style de la bordure:
Border-style: double;
Les développeurs sont libres de choisir la syntaxe des arrangements conviennent le style de tous les sites particuliers sur lesquels ils travaillent.