Dimensiunile mesei, înălțimea și lățimea acestuia sunt determinate automat pe baza faptului că acestea conțin în ele celulei. Mai mult conținut în celule, cu atât mai mare dimensiunea mesei și vice-versa.
Cu toate acestea, caracteristici CSS vă permit să modificați dimensiunea tabelului HTML, indicând exact valorile pentru lățime și înălțime care sunt necesare. În corectitudine trebuie remarcat faptul că, chiar și atributele tabelului vă permit să specificați dimensiunea dorită. Cu toate acestea, în acest moment vorbim doar despre CSS.
Pentru a specifica lățimea tabelului pe care doriți să utilizați lățime CSS-proprietate. și pentru a seta înălțimea trebuie să utilizați proprietatea înălțime.
În acest exemplu, după cum urmează.
Rezultatul în browser:
Lățimea și înălțimea mesei poate fi definită ca o valoare absolută (în pixeli) și relativă - procentul. De exemplu, 20px și respectiv 20%.
Dacă folosiți procente pentru a specifica dimensiunea mesei, acestea vor fi deduse, pornind de la dimensiunea elementului mamă. Dacă vorbim despre exemplul nostru, vorbim despre o fereastră de browser.
Există o altă valoare - auto. Și este special, deoarece cu ajutorul lățimii de masă și înălțimea de calcul se face automat în mod implicit. În practică, o indicație a valorii arata ca acest lucru.
Ne-ar dori să atragă atenția asupra altui un moment atât de important. Care este înălțimea unui punct procentual mai bine să nu, pentru că, de regulă, în acest caz, ei nu vor funcționa.
Dimensionarea celulelor individuale și coloane
Dacă credeți că browser-ul nu stabilește corect lățimea coloanelor, pornind de la conținutul celulei, atunci aveți dimensiunea corectă a celulelor și a coloanelor pentru a indica propria lor. Și acum vom vorbi despre cum să se schimbe într-un tabel HTML dimensiunea unei celule.
Modificarea dimensiunii celulelor se realizează folosind aceleași CSS-proprietăți, ca și mărimea mesei, și anume: lățimea și înălțimea.
Pentru a adăuga un stil de celulă, puteți utiliza una dintre cele două opțiuni:
- Întrebați celulele individuale ale numelor de clasă. Se va arăta în felul următor:
Și după aceea doriți să aplicați stiluri la clase de date.
În practică, a doua opțiune ar fi după cum urmează:
Cu toate acestea, dorim să rețineți că schimbarea dimensiunii celulelor individuale nu trebuie ia naștere atât de des. De obicei, acest lucru se face în acele situații în care este necesar să se ceară o anumită lățime a coloanelor de masă. În acest caz, problema este rezolvată cu ușurință. Trebuie doar să specificați lățimea primului rând de celule.
Rezultatul în browser:
Cum se schimbă tabelul de dimensiunea fontului
De multe ori este necesar pentru a modifica dimensiunea textului din tabel. De exemplu, în antete celulare. Acest lucru se poate face cu ajutorul CSS-proprietate font-size. Să setați dimensiunea fontului pentru elementele
La aceasta se termină lecția. Am oferi bun pentru a reflecta asupra temelor. Doar așa că studia și specula cu atenție. Toate în toate bune!