Cum de a face accident vascular cerebral de text în css

sprijin browser-

Această proprietate este încă experimentală și nu este sigur pentru toate browserele, dar puteți seta unele proprietăți implicite care vor fi declanșate numai în cazul în care utilizatorul folosește proprietatea browser neacceptat (adică Firefox și IE). Este important să se înțeleagă că textul-accident vascular cerebral - nu este accesoriu progresiv, veți avea nevoie de o soluție de rezervă în browsere neacceptate, iar mai jos voi revela există, din fericire, o soluție la această problemă. În plus, acum text-accident vascular cerebral nu apare în specificațiile W3C, a fost inclus în grabă numit text schiță, dar în curând eliminate și încă nu re-adăugată.

Acest lucru - de fapt, o proprietate foarte simplu de utilizat, un pic ca o proprietate de frontieră, și este scris în același. În scopul cursei textului necesită numai text-accident vascular cerebral-color și text-accident vascular cerebral-lățime cu valoarea pe care doriți: de exemplu, în cazul în care toate link-uri tag-uri necesare lățime accident vascular cerebral negru de 2 pixeli, atunci ar trebui să introduceți:

După testarea acestui cod, veți vedea că pe site-ul dvs. funcționează corect, dar cu frontiera de proprietate este metoda prescurtare de scriere, care pot fi utilizate pentru a facilita munca:

Problema este că, dacă trebuie să ștergeți textul și va afișa numai unul dintre ei accident vascular cerebral, va fi dificil să se facă într-un browser neacceptat, deoarece, în acest caz, tot textul nu va fi vizibil. Din acest motiv, avem o altă proprietate: text-umplere-culoare și pot fi utilizate pentru a determina culoarea textului implicit pentru un browser neacceptat folosind tehnici convenționale de culoare proprietăți, și apoi pentru a sprijini browsere pe care trebuie să adăugați doar proprietatea text-umplere-culoarea și locul aceasta culoare transparentă pentru toți utilizatorii site-ului o impresie bună, dar textul nu dispare într-un browser de bază non-WebKit - adică ceva de genul:

HTML5 și CSS3 practica de la zero la rezultatul!

În acest exemplu, dacă utilizați WebKit, veți vedea textul alb, încercuite în grosime chenar negru de 1 pixel, dar în cazul în care browser-ul dvs. este WebKit, datorită utilizării de text-umplere-culoare pentru a vedea numai text negru nici un accident vascular cerebral, și dacă nu ar fi fost aplicată text-umplere-culoare, apoi pentru a obține același efect pe care ar trebui să setați culoarea textului la alb și accident vascular cerebral la negru, de ce nu în browser-ul WebKit-text ar fi dispărut complet.

Prin utilizarea acestei noi funcții, puteți symitiruete cu ușurință ceea ce este de obicei creat în Photoshop, și ca pentru culoarea, puteți aplica orice valoare, aceasta înseamnă că utilizarea reală chiar și accident vascular cerebral translucide de text, cum ar fi acest lucru:

Scrie ceva de genul asta, obține un text alb cu un chenar negru translucid în jurul ei. Acest lucru se poate face cu ajutorul culorilor titularului pentru text, deci, dacă doriți să creați un accident vascular cerebral translucid cu fundal mai transparent, vă rugăm să scrie:

concluzie

Deși textul accident vascular cerebral - o funcție experimentală, și nu poate fi utilizat în toate site-urile web, este încă capabil de a adăuga un pic de magie CSS3 Photoshop și vă permite să creați efecte frumoase, cum ar fi marginile translucide sau lovituri subțiri ale textului 1 pixel larg. Proprietatea poate fi si experimentale, dar această tehnică poate fi utilizată în continuare atunci când avea grijă de culoarea standard a textului pentru browserele neacceptate și rescrie-l folosind text-umplere-culoarea suportului.

Revizie: Echipa webformyself.

Cele mai multe știri IT si dezvoltare web pe canalul nostru-Telegram