Formatați tabelul utilizând css

În acest articol, veți vedea cum se utilizează stiluri CSS pentru tabele de format.

La începutul proiectantului Internetului este folosit de multe ori tabele pentru layout. Acum, aproape toate site-urile sunt marcate cu ajutorul CSS, un tabel este utilizat în scopul propus - pentru a afișa datele.

Tag-uri pentru tabele de aspect

Un tabel se poate face folosind următoarele etichete:

Un tabel se poate face folosind următoarele etichete:

Specifică tabelul din titlu (cea mai mare semnătură).

Definește o coloană într-un tabel.

Specifică grupul de coloane din tabel.

Definește unul sau mai multe rânduri în tabel.

Se creează o singură celulă din tabel.

Specifică șirul pe care este afișat în partea de jos a tabelului.

Specifică legendă pentru fiecare coloană de tabel.

Conceput pentru stocarea una sau mai multe linii, care sunt reprezentate în partea superioară a mesei.

Se creează un șir de caractere în tabel.

După cum puteți vedea în tabele, puteți utiliza un număr mare de tag-uri, cu atât mai multe stiluri CSS le putem utiliza în fiecare caz.

Următoarele proprietăți ale CSS, utilizate pentru tabelele de formatare vor fi luate în considerare.

Celulele nu vor moșteni limitele descrise în tabelul de tag-ul. Limitele de celule de masă pot fi descrise cu ajutorul frontierei de proprietate. Cu toate acestea, în acest caz un decalaj.

Formatați tabelul utilizând css

Acest decalaj poate fi îndepărtată folosind proprietăți CSS border-spațiere (IE nevoie pentru tag-ul tabel atributul cellspacing). Cu toate acestea, dacă eliminați decalajul, granițele vor fi dublate.

Formatați tabelul utilizând css

Pentru a scapa de limite și spații dubluri, utilizați proprietatea de frontieră-colaps setat să se prăbușească.

Formatați tabelul utilizând css

Indents (în atributul cellpadding HTML) sunt determinate folosind proprietățile padding. Puteți fi aplicat numai celulele ( ) Sau la celule sub titlurile ( ).

aliniere

proprietate Alinierea textului

Proprietățile text-align (în atributul align HTML) și vertical-align alinia conținutul din interiorul unei celule de masă. Proprietatea text-align (valori: ... stanga centru dreapta justifica) se aliniază conținutul orizontal. Tag-uri Domeniul de aplicare: . .

.

proprietate vertical-align

Proprietatea vertical-align (valori: ... Top linia de bază din mijloc de jos) se aliniază conținutul vertical. Domeniul de aplicare: th. td.

Formatarea coloanelor

Prin tag-col și colgroup pot folosi proprietatea lățime și proprietățile fundalului grupului. Acest lucru este util dacă aveți dorința de a evidenția coloana, sau să-i ceară o anumită lățime.

Clasa și identificatori

Pentru a formata o celulă sau un tabel specifice nu uita clase, ID-uri, și așa mai departe. D.

articole similare