Dacă utilizați unul dintre formatele RGB, puteți crea multe alte culori care nu sunt afișate în acest tabel. De fapt, puteți atribui fiecăruia dintre componente 256 valori diferite, care în total dau 16777216 culori diferite (256 * 256 * 256). Dacă afișați un document într-un sistem cu o adâncime de culoare de 24 de biți sau mai mult, monitorul poate afișa de fapt fiecare dintre aceste culori diferite.
Setați proprietățile fundalului
Standardul CSS acceptă următoarele proprietăți, permițându-vă să modificați fundalul elementului:
Un fundal este o zonă care înconjoară caracterele individuale ale textului elementului. Ca fundal, puteți seta o culoare solidă sau o imagine.
Din punct de vedere tehnic, copiii nu moștenesc proprietățile de fond. Cu toate acestea, în mod prestabilit, fundalul elementului este transparent. Aceasta înseamnă că dacă omiteți toate proprietățile de fundal pentru elementul copil, culoarea de fundal sau desenul elementului părinte (sau browser-ul) va fi vizibilă, adică fundalul elementului copil va fi același cu fundalul elementului părinte.
Setarea proprietății culorii de fundal
Puteți seta culoarea de fundal pentru un element (umplere) atribuind o valoare de culoare proprietății culorii de fundal. (Pentru informații despre diferitele tipuri de valori de culoare, consultați secțiunea "Specificarea valorilor culorilor" introduse mai devreme în acest capitol.) De exemplu, următoarea regulă stabilește culoarea de fundal pentru elementul TITLE:
Amintiți-vă că proprietatea de culoare stabilește culoarea caracterelor elementului. Deci, următoarea regulă creează litere albe pe fond galben:
Dacă nu doriți să specificați o culoare de fundal solidă pentru un element, puteți seta proprietatea culorii de fundal la transparent, de exemplu:
În mod alternativ, deoarece valoarea transparentă este setată implicit, puteți să omiteți pur și simplu proprietatea de culoare de fundal pentru acest element. Dacă nu setați fundalul pentru acest element, dacă valoarea transparentă este setată, fundalul elementului părinte (sau al browserului) va fi vizibil.
Setarea proprietății imaginii de fundal
Puteți adăuga o imagine de fundal la un element prin atribuirea proprietății imaginii de fundal la adresa URL a fișierului imagine. (Informațiile despre lucrarea de adrese URL sunt conținute în "Specificarea adreselor URL" inserate mai devreme în acest capitol.) De exemplu, următoarea regulă stabilește elementul STANZA pentru imaginea de fundal conținută în fișierul .bmp din Leaf:
Pentru o analiză suplimentară, hai să folosim foaia de stil în listare 7.3. care este atașat la documentul XML prezentat în Lista 7.4.
Rețineți că imaginea se repetă când întreaga zonă ocupată de conținutul elementului este umplută, ajungând aproape la marginea din dreapta a ferestrei browserului. (În următoarea secțiune, "Setarea proprietății de repetare a fundalului", veți afla cum să controlați umplerea.) Orice parte a imaginii care este în afara textului elementului (în partea de jos sau în partea de sus) este tăiată. În acest exemplu, doar o mică parte din imaginile din rândul de jos al fiecărui element STANZA sunt decupate.
Dacă nu doriți să setați un fundal pentru element, puteți seta proprietatea imaginii de fundal la nici una, de exemplu:
Sau, deoarece nu este valoarea implicită, puteți omite proprietatea imaginii de fundal pentru element. Dacă nu atribuiți o umplutură solidă elementului (fără o imagine), setarea nu va determina vizibilitatea fundalului părintelui (sau a browserului).
Notă. Dacă atribuiți elementului atât o imagine de fundal, cât și o culoare solidă (utilizând proprietatea culorii de fundal), desenul va fi plasat pe umplutură.
Setarea proprietății de repetare a fundalului
Dacă ați atribuit o imagine de fundal unui fișier de imagine, puteți controla repetările imaginii atribuind proprietatea de repetare a fundalului la una dintre următoarele cuvinte cheie:
- repetați (implicit). Repeta imaginile, atât pe orizontală cât și pe verticală. Deoarece această valoare este setată în mod prestabilit, adăugarea unei repetiții de fundal la regula STANZA din foaia de stil din Lista 7.3 (a se vedea mai jos) nu va afecta modul în care documentul este afișat, după cum se arată în Figura 7.10.
Trimiteți-le prietenilor: