- principal
- Blog
- Poziționarea fundalului din colțul din dreapta jos al elementului
Când creați șabloane de site web, adesea trebuie să poziționați o imagine de fundal cu o indentare de la marginea dreaptă sau de jos a elementului HTML. Pentru o lungă perioadă de timp, a fost necesar să încorporăm un spațiu gol de mărimea potrivită direct în imagine, deoarece în CSS acest lucru nu a fost posibil. Acest lucru a dus la o scădere a flexibilității (pentru a schimba indentația necesară pentru a salva imaginea) și a mărit dimensiunea fișierului și consumul de memorie în browser.
Situația se schimbă datorită modulului CSS3 "Fundaluri și frontiere", relativ recent trecut la statutul recomandării candidatului. Sintaxa actualizată a poziției de fundal a proprietății CSS vă permite să specificați liniuțele arbitrare din marginile de jos și / sau din dreapta ale elementului:
fundal-poziție: partea de jos 10px dreapta 20px;
În exemplul de mai sus, imaginea va fi legată de colțul din dreapta jos al elementului și, în același timp, va fi de 10 și respectiv 20 de puncte de la marginea inferioară și dreaptă a elementului respectiv.
O descriere formală a noii sintaxe din caietul de sarcini:
Dacă sunt specificate 3 sau 4 valori, fiecare valoare numerică corespunde unei indentări și trebuie să urmeze după cuvântul cheie care determină marja elementului. Dacă sunt specificate 3 valori, se consideră că valoarea indentului lipsă este zero.
Merită o jumătate din Internet "peregoglil", și a găsit doar aici. Chiar și în directoarele online populare și actualizate în mod regulat nu am găsit, iar articolul este deja demult.
Vă mulțumim pentru informații.
Mulțumesc pentru asta am vrut cu adevărat să fac asta.
Acest lucru îmi permite încă să animez containerul și prin poziționarea poziției în poziție.
Wow! E grozav! Vă mulțumesc foarte mult!
Platon, în cazul în care abaterea de la marginea de jos (valoarea după partea de jos a cuvintelor cheie) nu este necesară, ar trebui să fie ușor pentru a reseta (sau nu sunt setate deloc) și setați valoarea dorită pentru liniuță dreapta (valoare după dreapta):
fundal-poziție: partea din dreapta jos 10px;