En hurtigveiledning til CSS Value Definition Syntax - dummies

CSS-spesifikasjonene, opprettet av World Wide Web Consortium (W3C), definerer syntaxen og mulige verdier for alle CSS egenskaper. For å gjøre definisjoner så nøyaktige som mulig, bruker W3C et formelt system som kalles CSS-verdisettingssyntax.

Selv om definisjonssyntaxen definerer mulige verdier veldig nøyaktig, kan det være vanskelig uten å lese syntaksen som CSS-verdivurderinger er skrevet inn. I virkeligheten er det imidlertid ganske enkelt å lese en slik syntaks. For eksempel, her er syntaksen for verdien av marginalgenveien:

[| | auto] {1, 4}

Og her er gyldige bruksområder av marginalegenskapen:

margin: 0px; margin: 1px 10%; margin: 1px 0px auto; margin: 1px 0px 1px 0px;

Selv om du ikke visste hva marginalegenskapen eller hvert av disse eksemplene gjør, kan du finne ut hvordan du leser syntaksdefinisjonen bare ved å se på definisjonen og deretter undersøke eksemplene.

Her er en rask veiledning for å lese CSS verdisettingssyntax:

• Når et søkeord vises uten anførselstegn, indikerer det at ordet skal brukes som det er, for eksempel auto søkeordet i eksemplet ovenfor.

• Grunnleggende CSS datatyper vises mellom. For eksempel, og er grunnleggende typer som er definert andre steder. Når du ser en av disse typene, vet du at en gyldig verdi i datatypen kan brukes.

• Når du ser to ampersands sammen (&&), betyr det at verdiene separert av dette symbolet er begge obligatoriske, men de kan vises i hvilken som helst rekkefølge.

• Braketter ([]) gruppeværdier sammen til en.

• Verdier adskilt av || er valgfrie. Imidlertid må en av dem vises, og de kan vises i hvilken som helst rekkefølge.

• The | tegn betyr at alternativene er eksklusive - akkurat en av dem må vises.

• Asterisken (*) indikerer at en verdi kan vises null, en gang eller flere ganger.

• Plussymbolet (+) betyr at en verdi kan vises en eller flere ganger.

• Spørsmålstegnet (?) Indikerer at en verdi er valgfri. Hvis det ser ut, kan det bare vises en gang.

• Når du ser, betyr det at en fast lengdeverdi som 10px er tillatt.

• Når du ser, betyr det at en prosentverdi som 10 prosent er tillatt.

• Når du ser tall i parentes som {1, 4}, indikerer det at eiendommen må vise antall ganger angitt av det første nummeret. Det kan imidlertid vises så mange ganger som angitt av det andre nummeret. Når det gjelder {1, 4}, må egenskapen vises en gang, men kan vises så mange som fire ganger.

• Symbolet # indikerer at en verdi kan gjentas en eller flere ganger. Hver verdi må skilles med et komma.