Exemples d'abréviations pour margin, padding, border, background et font sous CSS_Experience Exchange

Vous trouverez ci-dessous des exemples de certains des attributs les plus couramment utilisés.

marge

margin-top:1px;
margin-right:1px
margin-bottom:1px; Simplifié en : margin:1px

margin-top:1px;
margin-right:2px
margin-bottom:1px
margin-left:2px; Pour : margin:1px 2px

margin-top:1px;
margin-right:2px
margin-bottom:3px; Pour : margin:1px 2px 3px

margin-top:1px;
margin-right:2px
margin-bottom:3px; Simplifié en : margin : 1px 2px 3px 4px

Remarque : Lorsque la valeur de l'attribut est 0, l'unité n'a pas besoin d'être écrite, par exemple : 0px directement écrit sous la forme 0

padding

padding La méthode d'écriture est similaire à margin

padding-top:1px;
padding-right:1px
padding-bottom:1px; ;
Simplification du code Pour : padding:1px

padding-top:1px
padding-right:2px
padding-bottom:1px; ：padding:1px 2px

padding-top:1px;
padding-right:2px
padding-bottom:3px
padding-left:2px; simplifié en ：padding:1px 2px 3px

padding-top:1px;
padding-right:2px
padding-bottom:3px; Simplification du code Pour : padding:1px 2px 3px 4px

border

border-width:1px
border-style:solid
border-color:#000000; > Code simplifié à : border:1px solid #000

background

background-color:#CCFFFF;
background-image:url(picture path) ; :repeat -x;
background-position:5px 4px
Le code est simplifié en : background:#CFF url (chemin de l'image) répéter-x 5px 4px

police

font-size :26px;
font-weight:bold;
font-family: "宋体"
Le code est simplifié en : font:26px bold "宋体"

color valeur d'attribut

Couleur : #000000 ;
Couleur : #ff0000
Le code est simplifié en : couleur : #000, couleur : #f00 ;