Stilul cadru de masă în html. O modalitate ușoară de a crea o chenar în jurul unui element

Cadre (parametri de bloc)

Valorile acestor proprietăți sunt folosite pentru a seta caracteristicile zonei din jurul elementului.
Acest lucru poate fi aplicat simbolurilor, imaginilor și așa mai departe.

Opțiuni	Sens	Descriere
chenar-top-culoare chenar-dreapta-culoare chenar-stânga-culoare culoarea-fond-chenar culoarea chenarului	culoare (fara culoare Mod implicit)	Definește culoarea celor patru laturi ale ramelor. Dacă înlocuiți o adresă URL a imaginii cu o culoare, imaginea se va repeta pentru a forma un chenar.
stil bordur-top chenar-dreapta-stil border-stânga-stil chenar-de jos-stil stilul de chenar	niciunul (implicit) solid dubla canelură creastă medalion început	Definește stilul celor patru laturi ale ramelor.
vârf de frontieră granita-dreapta granița-stânga marginea-de jos frontieră	lățimea cadrului, stil_cadru, culoare (Mod implicit: mediu, niciunul, fără culoare)	Definește proprietățile celor patru laturi ale cadrelor. Funcționează la fel ca și proprietățile de umplutură (vezi mai jos), cu excepția faptului că chenarul este vizibil. lățimea cadrului poate fi mediu, subțire sau gros, sau dat în unități de măsură. stil_cadru poate fi nici unul sau solid Argument culoare este folosit pentru a defini culoarea de umplere a fundalului unui element în timp ce acesta se încarcă, precum și în spatele părților transparente ale elementului. Dacă treceți în schimb adresa imaginii, atunci modelul se va repeta, umplând conturul cadrului.
margine-sus-latime bordura-dreapta-latime chenar-stânga-lățime chenar-latime-jos lățimea graniței	subţire mediu (implicit) gros lungime	Specifică lățimea chenarului din jurul elementului. Fiecare parte poate fi setată cu parametrul corespunzător. Puteți înlocui setarea a patru proprietăți individuale setând o singură proprietate lățimea graniței la fel ca și pentru proprietățile indentării marginea.
ciip	rect(/sus/dreapta/jos/stânga/) automat (implicit)	Specifică cât de mult este vizibil un element. Orice lucru în afara zonei specificate de acest parametru nu poate fi văzut.
afişa	"", nici unul "" (Mod implicit)	Acest parametru specifică dacă elementul va fi randat.
pluti	niciunul (implicit) stânga dreapta	Specifică faptul că elementul se înfășoară în jurul altor elemente la stânga sau la dreapta în loc să le plaseze sub ele. Sprijinit de etichete , ...
înălţime	automat (implicit) lungime	Setați înălțimea elementului și măsurați-l dacă este necesar. Valoarea este returnată ca șir, inclusiv unități (px, % etc.). Pentru a obține o valoare numerică, utilizați proprietatea posHeight.
stânga	automat (implicit) lungime interes	Setați coordonatele orizontale ale elementului, permițându-vă să setați și să mutați corect elementele. Valoarea este returnată ca șir, inclusiv unități (px, % etc.). Proprietatea posLeft este folosită pentru a obține valoarea ca număr.

Exemplul 1:
Această linie este subliniată. Exemplul 2: Diferite tipuri de rame.

1.nici unul- Fără chenar (border:none;)

2.solid- Există o chenar (chenar: 1px solid;)

Exemplul 4: Cadru cu colțuri rotunjite.

. în declarațiile fiscale;
. certificate 2-NDFL;

Toate documentele enumerate indică codul OKTMO din 11 cifre în locul codurilor OKATO utilizate anterior.

#org { latime: 80% margine-top: 2em; margine-stânga: auto; margine-dreapta: auto; chenar-rază: 10px 10px; -moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; umplutură: 15px 20px 15px 80px; marjă: 0px 0px 0px 0px; -webkit-box-shadow: 2px 2px 3px #999; -moz-box-shadow: 2px 2px 3px #999; /*Hack de înălțime minimă IE*/ înălțime minimă: 40px; inaltime:auto !important; înălțime: 40px; preaplin:vizibil; poziție:relativă; jos: 6px; dreapta: 6px; chenar: 1px solid #7e5a25; /*Setați poziția imagine de fundal*/ fundal-poziție: 20px 50%; background-repeat: fără repetare; text-align: justificare; dimensiunea fontului: 0.9em culoare de fundal: #e8e3d4; imagine de fundal: url(baba.gif); }

Începând cu 1 ianuarie 2014, noile coduri OKTMO sunt indicate în: . în declarațiile fiscale; . certificate 2-NDFL; . ordine de plată (câmpul 105); . chitanta de plata taxe, taxe, taxe formular PD-4 taxa. Toate documentele enumerate indică codul OKTMO din 11 cifre în locul codurilor OKATO utilizate anterior.

Exemplul 5: Cadrul este stilat cu tabele imbricate.

Suvorov A.V.

Tabele imbricate

imagine tabelul 1 Chenar negru îngust (5px) Parametrii tabelului: table--> bgcolor=#000000 style="border:2px solid #a3852f" td--> style="padding: 5px"

Exemplul 6: Cadru vertical.

Lățimea și înălțimea elementelor blocului

Proprietăți CSS lăţimeși înălţime- setați lățimea și înălțimea elementelor blocului.
Lățimea și înălțimea unui element pot fi setate în următoarele moduri:

• auto- Mărimea unui element este determinată de conținutul său. (Mod implicit)
• % - Mărimea elementului este setată ca procent din înălțimea/lățimea elementului părinte.
• px- Mărimea elementului este setată în pixeli sau orice alte unități CSS.

Exemplu:

Element de management al conținutului

Ce să faci cu conținutul unui element dacă acesta depășește dimensiunea acestuia?

Dacă elementului i se dau valori exacte de înălțime și lățime ( Înălțime lățime) și conținutul său, cum ar fi textul lung, nu se încadrează în limitele specificate, apoi, implicit, un astfel de element este extins la dimensiunea necesară, care nu este întotdeauna în mâinile webmasterului. Atributul vine în ajutor revărsare, care îi spune browserului ce să facă cu elementul în astfel de cazuri.

Proprietate revărsare poate avea următoarele valori:

• vizibil- Elementul este întins la dimensiunea necesară. (Mod implicit)
• ascuns- Conținutul elementului este „decupat” doar acea parte a acestuia care se potrivește în element este vizibilă.
• sul- Sunt adăugate bare de defilare (întotdeauna! chiar dacă conținutul se încadrează în element).
• auto- Barele de defilare sunt adăugate dacă este necesar.

Exemplu:

Rezultat

css

css(Engleză Cascading Style Sheets - foi de stil în cascadă) - un limbaj formal pentru descrierea aspectului unui document scris folosind un limbaj de marcare. Modalități de a include CSS într-un document
Regulile CSS sunt scrise în limbajul formal CSS și sunt localizate în foi de stil, adică foile de stil conțin reguli CSS. Aceste foi de stil pot fi localizate în documentul web în sine, aspect pe care le descriu și în fișiere separate care au formatul CSS. (În esență, formatul CSS este cel obișnuit fisier text. Fișierul .css nu conține decât o listă de reguli CSS și comentarii la ele.) Adică, aceste foi de stil pot fi incluse, încorporate în documentul web pe care îl descriu în patru moduri diferite:

1. Când foaia de stil este în dosar separat, poate fi atașat la un document web folosind eticheta , situat în acest document între etichete și.
   (Etichetă va avea un atribut href setat la adresa acestei foi de stil). Toate regulile din acest tabel sunt valabile pe parcursul întregului document;

   
   .....
   
   

2. Când o foaie de stil este într-un fișier separat, aceasta poate fi inclusă într-un document web folosind directiva @import situată în acel document între etichete și) imediat după etichetă
   

3. Când o foaie de stil este descrisă în documentul în sine, aceasta poate fi plasată între etichete din documentul însuși.(care, la rândul lor, se află în acest document între etichete și). Toate regulile din acest tabel sunt valabile pe parcursul întregului document;

   
   .....
   
   

4. Când o foaie de stil este declarată în documentul în sine, aceasta poate fi localizată în corpul unei etichete individuale (prin atributul său de stil) a acelui document. Toate regulile din acest tabel se aplică numai conținutului acestei etichete.

   cumpără un elefant

Date tabelare- informații care pot fi afișate sub formă de tabel și împărțite logic în coloane și rânduri. Eticheta HTML este folosită pentru a afișa date tabelare pe paginile web.

, care este un recipient cu conținutul tabelului. Conținutul tabelului HTML este descris rând cu rând, fiecare linie începe cu o etichetă de deschidere și se termină cu o etichetă de închidere .

În interiorul etichetei

sunt localizate celulele tabelului reprezentate prin etichete specifică pe ce parte să alinieze celulele coloanei, iar span specifică numărul de coloane la care vor fi aplicați parametrii specificați. Dacă acest atribut este absent, atunci eticheta funcționează doar pentru o coloană.

Alinierea conținutului coloanei cu o etichetă

functioneaza in browser Internet Explorer si nu functioneaza in browser Firefox si altii unii.

A doua metodă este universală, funcționează în toate browserele și se bazează pe adăugarea unei clase separate pentru anumite celule.

Creăm o clasă de stil, de exemplu, cu numele jewel și o aplicăm în celulele coloanei din stânga (exemplul 3).

Exemplul 3: Alinierea cu stiluri

sau

. Sunt celulele care conțin tot conținutul tabelului afișat pe pagina web. cadru de masă În mod implicit, un tabel HTML pe o pagină web este afișat fără chenar, pentru a adăuga un chenar la tabel, precum și la toate celelalte elemente, utilizați proprietatea border CSS. Dar ar trebui să acordați atenție faptului că dacă adăugați un chenar numai elementului , apoi va fi afișat în jurul întregului tabel. Pentru ca celulele tabelului să aibă și un cadru, va trebui să setați proprietatea chenar pentru elemente , se adaugă în recipient și . Tabel, th, td (chenar: 1px negru solid; ) Încercați » Acum atât tabelul, cât și celulele au margini, iar fiecare celulă și tabel au propriile margini. Ca urmare, între cadre a apărut un spațiu gol, proprietatea de spațiere a marginilor, care este setată pentru întregul tabel, vă permite să controlați dimensiunea acestui spațiu. Cu alte cuvinte, nu puteți controla distanța dintre diferite celule în mod individual. Chiar dacă eliminați spațiile dintre celule cu proprietatea de spațiere a marginilor setată la 0, marginile celulei se vor atinge reciproc, dublându-se. Proprietatea border-collapse este utilizată pentru a îmbina marginile celulelor. Poate lua două valori: separat: este valoarea implicită. Celulele sunt afișate pe distanta scurtaîn afară, fiecare celulă are propriul ei chenar. colaps: îmbină cadrele adiacente într-unul singur, toate golurile dintre celule, precum și dintre celule și cadrul tabelului, sunt ignorate. Nume Nume de familie Homer Simpson Marge Simpson Nume Nume de familie Homer Simpson Marge Simpson Încerca " Dimensiunea mesei După adăugarea de margini la celulele tabelului, a devenit vizibil că conținutul celulelor era prea aproape de margini. Puteți folosi proprietatea padding pentru a adăuga spațiu alb între marginile celulei și conținutul acestora: Th, td ( umplutură: 7px; ) Încercați » Mărimea unei mese depinde de conținutul acesteia, dar sunt adesea situații când masa este prea îngustă și devine necesară întinderea acesteia. Lățimea și înălțimea tabelului pot fi modificate folosind proprietățile de lățime și înălțime, setând dimensiunile dorite fie pentru tabel în sine, fie pentru celule: Tabel ( lățime: 70 %; ) al ( înălțime: 50 px; ) Încercați » Alinierea textului În mod implicit, textul din celulele antet ale tabelului este centrat, iar în celulele normale textul este aliniat la stânga, folosind proprietatea text-align puteți controla alinierea orizontală a textului. Proprietatea CSS de aliniere verticală vă permite să controlați alinierea verticală a conținutului textului. În mod implicit, textul este aliniat vertical la centrul celulelor. Alinierea verticală poate fi suprascrisă utilizând una dintre valorile proprietăților de aliniere verticală: sus: textul este aliniat la partea de sus a celulei mijloc: aliniază textul la centru (implicit) jos: textul este aliniat la marginea de jos a celulei Nume Nume de familie Homer Simpson Marge Simpson Încerca " Alternanță de culoare de fundal al rândului tabelului Când vizualizați tabele mari care conțin multe rânduri cu multe informații, poate fi dificil să țineți evidența datelor care se referă la un anumit rând. Pentru a ajuta utilizatorii să navigheze, puteți utiliza alternativ două culori diferite de fundal. Pentru a crea efectul descris, puteți utiliza selectorul de clasă, adăugându-l la fiecare al doilea rând al tabelului: Nume Nume de familie Poziţie Homer Simpson Tată Marge Simpson mamă Bart Simpson fiul Lisa Simpson fiica Încerca " Adăuga atribut de clasă la fiecare a doua linie este o sarcină destul de obositoare. Pseudoclasa :nth-child a fost adăugată la CSS3 pentru a rezolva această problemă într-un mod alternativ. Acum efectul alternanței poate fi atins doar folosind CSS fără a modifica marcajul HTML al documentului. Cu pseudoclasa :nth-child, puteți selecta toate rândurile pare sau impare dintr-un tabel folosind unul dintre Cuvinte cheie: par (par) sau impar (impar): Tr:nth-child(odd) (culoare de fundal: #EAF2D3; ) Încercați » Schimbați fundalul rândului la trecerea cursorului O altă modalitate de a îmbunătăți lizibilitatea datelor tabelare este de a schimba culoarea de fundal a unui rând atunci când treceți cu mouse-ul peste acesta. Acest lucru va ajuta la evidențierea conținutului dorit al tabelului și la creșterea percepției vizuale a datelor. Implementarea unui astfel de efect este foarte simplă, tot ce trebuie să faceți este să adăugați pseudo-clasa :hover la selectorul de rânduri de tabel și să setați culoarea de fundal dorită: Tr:hover (culoare de fundal: #E0E0FF; ) Încercați » Tabel de aliniere la centru Alinierea unui tabel HTML la centru este posibilă numai dacă lățimea tabelului este mai mică decât lățimea elementului părinte. Pentru a alinia tabelul în centru, trebuie să utilizați proprietatea marjă, setând-o la cel puțin două valori: prima valoare va fi responsabilă pentru marginea exterioară a tabelului de sus și de jos, iar a doua - pentru nivelare automată centru: Tabel (marja: 10px automat; ) Încercați » Dacă aveți nevoie de marje diferite în partea de sus și de jos a tabelului, atunci puteți seta proprietatea marginii la trei valori: prima va fi responsabilă pentru marginea de sus, a doua pentru alinierea orizontală și a treia pentru marginea de jos: Tabel (marja: 10px automat 30px; ) Deși liniile dintre celule fac posibilă separarea clară a unei date de alta, spațiul gol din jurul textului îndeplinește și el aceeași funcție. Și pentru ca masa să iasă în evidență pe paginile web, setați-o culoare specifică fundal. În acest caz, este permisă setarea titlului cu o culoare diferită, așa cum se arată în Fig. unu. Pentru a schimba culoarea de fundal a unui tabel, utilizați proprietatea de fundal adăugând-o la selectorul TABLE. Pentru frumusețe, trageți o linie în partea de jos a tabelului folosind proprietatea border-bottom (exemplul 1). Exemplul 1: Crearea unui tabel fără chenar 2004 2005 2006 Rubinele 43 51 79 smaralde 28 34 48 Safire 29 57 36 Deoarece conținutul etichetei este inițial aliniat la centru, apoi pentru a schimba această caracteristică în acest exemplu proprietatea stilului text-align este aplicată cu valoarea left . Puteți face opusul și puteți seta alinierea centrală pentru celule . Dar conținutul primei coloane cu numele pietrelor este cel mai bine lăsat aliniat la stânga. Pentru a seta o aliniere diferită a conținutului pentru coloane diferite, luați în considerare două moduri. Prima metodă este să folosiți eticheta și stabilește, în special, alinierea pentru coloanele individuale (exemplul 2). Exemplul 2: Alinierea cu o etichetă 2004 2005 2006 Rubinele 43 51 79 smaralde 28 34 48 Safire 29 57 36 Atributul de aliniere al etichetei

	2004	2005	2006
Rubinele	43	51	79
smaralde	28	34	48
Safire	29	57	36

Acest exemplu modifică culoarea de fundal și alinierea pentru toate celulele în care este setat atributul class="jewel". Rezultatul exemplului este prezentat în Fig. 2.

Orice webmaster, din cauza activităților sale profesionale, trebuie să creeze anumite elemente complexe pe site
(De exemplu: împachetarea graficelor cu text, crearea coloanelor cu text, fixarea elementelor site-ului).
Cu toate acestea, standardul html are un număr mic de elemente standard de design de pagină și nu toate elementele sunt afișate în mod egal browsere diferite. Fiecare companie încearcă să-și dezvolte propriul html, uneori mergând departe de conceptul de bază html dezvoltat de consorțiul WWW.
Prin urmare, webmasterul trebuie să experimenteze cu elemente care sunt comune tuturor browserelor.
Tabelele sunt cele mai potrivite, deoarece este convenabil să plasați informații în celulele tabelului.
În plus, tabelele în html au atributul „border="0” - acest atribut cu valoarea „0” ascunde marginile tabelului, adică conținutul celulei rămâne vizibil și cadrul în sine nu este vizibil.
Să ne uităm acum la un exemplu de dezvoltare a designului tabelar.

Bord colorat pentru cadru de masă.
Observ imediat că în html, în mod implicit, este construit un atribut care este responsabil pentru culoarea cadrului tabelului. (culoarea chenarului). Cu toate acestea, nu ne va potrivi, deoarece acest atribut este acceptat numai motor de cautare explorator. Acest element nu funcționează în alte browsere. Dar avem nevoie ca pagina să fie afișată în același mod în orice browser. Mesele ne vin în ajutor. Să creăm mai întâi un tabel obișnuit.

Atributul „border” trebuie să fie egal cu „0”. spațierea celulelor setată la „2” (cu cât numărul este mai mare, cu atât cadrul tabelului va fi mai larg).
Atributul „cellspacing” este folosit pentru a indica distanța dintre două celule. În acest caz, va indica distanța dintre cele două tabele.
Umpleți tabelul cu negru folosind atributul „bgcolor” În general, puteți alege orice altă culoare, în funcție de ce culoare va fi chenarul dvs.

Această etichetă specifică unde ar trebui să fie localizate informațiile. În acest exemplu, va trebui să aranjam informațiile începând de la marginea de sus a tabelului.

Inserăm un alt tabel în celula tabelului nostru.

Text

Specificați culoarea de fundal a tabelului. În acest caz, avem nevoie de un fundal alb.

Asta e tot. Masa noastră este gata. Acum avem un tabel al cărui cadru va fi afișat în toate browserele în același mod.

În cele din urmă, voi da tot codul pe care l-am creat.

Text

În zilele Web 1.0, un număr destul de limitat de autori creau pagini web pentru un numar mare cititori. Drept urmare, oamenii au primit informații vizitând direct sursa. Cu toate acestea, de-a lungul timpului, tot mai mulți oameni au început nu numai să citească, ci și să scrie singuri...

este corpul mesei. Corpul este format din rânduri și coloane. Tabelul este completat rând cu rând.

Fiecare etichetă creează linie nouă. Următorul în imbricat sunt create coloane. Puteți crea mai multe coloane. În acest caz, trebuie să monitorizați numărul de coloane din fiecare rând. De exemplu, dacă primul rând avea 5 coloane, atunci rândurile următoare ar trebui să aibă și 5 coloane. În caz contrar, masa va pluti. Este posibil să fuzionați celule.

Cum se face un tabel în html

Să luăm un exemplu, cod html:

Exemplu de tabel

Coloana 1

Coloana 2

Acordați atenție celulei . Folosim atributul special colspan pentru a acoperi celulele pe orizontală. Valoarea sa numerică specifică numărul de coloane de îmbinat. Există și un analog al acestui atribut: tag (antetul tabelului), unde trebuie să scrieți și colspan. Rezultatul va fi același. Dar adesea folosesc un td obișnuit.

Acum să ne uităm la toate atributele etichetei în detaliu.

.

Etichetați atributele și proprietățile

Pentru a deschide eticheta

Puteți adăuga diverse atribute.

1. Proprietatea align="parameter" - setează alinierea tabelului. Poate lua următoarele valori:

În exemplul de mai sus, am centrat tabelul cu align="center" .

Acest atribut poate fi aplicat nu numai tabelului, ci și celulelor individuale ale tabelului.

. Astfel, în celule diferite alinierea va fi diferită.

De exemplu

, , , sau

cols - linia este afișată între coloane

niciunul - toate granițele sunt ascunse

rânduri - chenarul este trasat între rândurile de tabel create prin intermediul etichetei

12. Property width="number" - setează lățimea tabelului: fie în pixeli, fie ca procent.

13. Proprietate class="class_name" - puteți specifica numele clasei căreia îi aparține tabelul.

14. Property style="styles" - stilurile pot fi setate individual pentru fiecare tabel.

Acum este timpul să vă scufundați în interiorul tabelului și să priviți atributele celulelor din tabel. Aceste atribute trebuie să fie scrise în eticheta de deschidere.

și Sunt disponibile aceleași opțiuni ca și pentru va fi aplicat ierarhic tuturor

sau linii
...		...	... 2. Proprietate background="URL" - seturi imagine de fundal. În loc de o adresă URL, trebuie scrisă adresa imaginii de fundal. Exemplu Exemplu de tabel Coloana 1 Coloana 2 Se transformă pe pagină în următoarele: În exemplul de mai sus, imaginea noastră de fundal se află în folderul img (care se află în același director cu pagina html), iar imaginea se numește fon.gif . Observați că în etichetă am adăugat style="color:white;" . Deoarece fundalul este aproape negru, pentru ca textul să nu se amestece în fundal, am făcut textul alb. 3. Proprietatea bgcolor="color" - setează culoarea de fundal a tabelului. Ca culoare, puteți alege oricare din întreaga paletă (vezi codurile și numele culorilor html) 4. Property border="number" - setează grosimea cadrului tabelului. În exemplele anterioare, am specificat border="1" , ceea ce înseamnă că chenarul are o grosime de 1 pixel. 5. Proprietate bordercolor="color" - setează culoarea chenarului. Dacă border="0" , atunci nu va exista chenar și culoarea chenarului nu va avea sens. 6. Proprietate cellpadding="number" - umplutură de la cadru la conținutul celulei în pixeli. 7. Proprietate cellspacing="number" - distanța dintre celule în pixeli. 8. Proprietatea cols="number" - numărul de coloane. Dacă nu îl setați, atunci browserul va determina numărul de coloane. Singura diferență este că specificarea acestui parametru va grăbi cel mai probabil încărcarea tabelului. 9. Property frame="parameter" - cum să afișați chenarele în jurul tabelului. Poate lua următoarele valori: gol - nu desenați granițe chenar - chenarul din jurul mesei deasupra - chenarul de-a lungul marginii superioare a mesei dedesubt - marginea de jos a tabelului hsides - adăugați doar margini orizontale (sus și jos ale tabelului) vssides - trageți doar margini verticale (în stânga și în dreapta tabelului) rhs - chenar numai pe partea dreaptă a mesei lhs - chenar numai pe partea stângă a mesei 10. Proprietate height="number" - setează înălțimea tabelului: fie în pixeli, fie ca procent. 11. Reguli de proprietate="parametru" - unde se afișează chenarele dintre celule. Poate lua următoarele valori: toate - se trasează o linie în jurul fiecărei celule de tabel grupuri - se trasează o linie între grupurile formate de etichete
. Atribute și proprietăți
1. Proprietatea align="parameter" - setează alinierea unei celule separate de tabel. Poate lua următoarele valori: alinierea stânga - stânga aliniament centru - centru alinierea dreapta - dreapta 2. Proprietate background="URL" - setează imaginea de fundal a celulei. În loc de o adresă URL, trebuie scrisă adresa imaginii de fundal. 3. Proprietatea bgcolor="color" - setează culoarea de fundal a celulei. 4. Proprietate bordercolor="color" - setează culoarea marginii celulei. 5. Proprietatea char="letter" - setează litera din care ar trebui făcută alinierea. Valoarea atributului align trebuie să fie setată la char. 6. Proprietatea colspan="număr" - setează numărul de celule orizontale îmbinate. 7. Proprietate height="number" - setează înălțimea tabelului: fie în pixeli, fie ca procent. 8. Property width="number" - setează lățimea tabelului: fie în pixeli, fie ca procent. 9. Proprietate rowspan="număr" - setează numărul de celule verticale care trebuie îmbinate. 10. Proprietatea valign="parameter" - alinierea verticală a conținutului celulei. sus - aliniați conținutul celulei la partea de sus a rândului aliniament mijloc - mijloc jos - alinierea de jos linia de bază - alinierea liniei de bază Nota 1 Pentru Tag
. Opțiuni pentru o singură etichetă
inauntru Cum să preveniți lipirea marginilor celulelor într-un tabel În cazul utilizării chenarului (borderul celulei) și a padding-ului zero între celule, acestea sunt încă lipite împreună și se obține un chenar dublat. Pentru a evita acest lucru, trebuie să stilați tabelul cu border-collapse: collapse : ... Dragă cititor, acum ați aflat mult mai multe despre etichetă html masa. Acum vă sfătuiesc să treceți la următoarea lecție.