GGbitBG

ggbitbg
 
ИндексИндекс  CalendarCalendar  Въпроси/ОтговориВъпроси/Отговори  ТърсенеТърсене  ПотребителиПотребители  Потребителски групиПотребителски групи  Регистрирайте сеРегистрирайте се  ВходВход  

Share | 
 

 Допълнителни таблични атрибути

Предишната тема Следващата тема Go down 
АвторСъобщение
Admin
Administrators
Administrators
avatar

Брой мнения : 57
Join date : 17.05.2009
Age : 107
Местожителство : plovdiv

ПисанеЗаглавие: Допълнителни таблични атрибути   Пон Май 18, 2009 4:44 am

След създаването на проста таблица идва ред да спомена няколко атрибута за тага <table>. Вече споменах за атрибута border, но освен него има ощя няколко много важни:

1. width - задава широчината на вашата таблица, обикновенно това става в пиксели, но може да бъде и в проценти.

Пример:
<table width="700" border="1">


или

Пример:
<table width="50%" border="1">


2. align - този атрибут ви позволява да направите "плаваща" таблица, около която текстът се пренася. Стойностите, които може да приема са left, center и right. В зависимост от това, което изберете, ако има текст той ще се разполага от другата страна на таблицата.

Пример:
<table align="left" border="1">


или

Пример:
<table align="center" border="1">


или

Пример:
<table align="right" border="1">


В първия пример таблицата ще бъде разположена от лявата страна на сайта, а ако имате някакъв текст ще се разположи от дясно. Във втория случай, таблицата е по средата, а текста от двете страни (тук вече в зависимост от това къде го разположите вие). И третия случай, сами се досещате - таблицата се намира от дясно на сайта, а текста от ляво.

3. cellspacing - определя колко да бъде разстоянието между стените на таблицата и между отделните клетки - т.нар междуклетъчно пространство. Стойността му трябва да бъде цяло число в пиксели.
ВАЖНО: cellspacing увеличава междуклетъчното пространство дори на border да е зададено малко число. cellspacing може да бъде използван дори без border и има същия добър ефект.

Пример:
<table cellspacing="10" border="1">


или

Пример:
<table cellspacing="10">


4. cellpadding - определя колко да бъде разстоянието между стените на клетката и данните в нея - т.нар вътреклетъчно пространство. Стойността му трябва да бъде цяло число в пиксели. Подразбиращата се настройка за този атрибут е 1, в случай, че вие не сложите този атрибут. При 0 съдържанието на клетката се залепя за стените.

Пример:
<table cellspacing="10">


или

Пример:
<table cellspacing="0">


5. rules - определя къде се изчертават линии между клетките. Стойността по подразбиране е all (ако не зададете атрибута rules в <table>, ще се използва стойноста по подразбиране. Т.е. да се показват всички линии между клетките). Останалите стойности, които може да приеме атрибута rules са:

• none - Премахва всички линии вътре в таблицата.
• group - Слага линии само между групите клетки (това ще го обясня в някой друг урок).
• rows - Премахва вертикалните линии и оставя само хоризонтални.
• cows - Обратното на rows - премахва хоризонталните линии и оставя само вертикалните.

Пример:
<table rules="cows" border="1">


и другите стойности се пишат по аналогичен начин.

• frame - определя къде да има линии около таблицата. Стандартната стойност за този атрибут е border. Другите стойностите, които може да приема този атрибут са много. Ето ги и тях:
• above - оставя само горната линия на таблицата, и маха всички странични и долната.
• below - обратното на above - маха всички странични лини и горната и оставя само долната.
• hsides - маха лявата и дясната линия на таблицата и оставя горната и долната.
• lhs - оставя само лявата линия, като премахва горната, доланата и дясната.
• rhs - оставя само дясната линия, като премахва горната, долната и лявата.
• vsides - оставя дясната и лявата линия, а премахва горната и долната.

Пример:
<table frame="vsides" border="1">


и другите стойности се пишат по аналогичен начин.

Последния табличен атрибут, който ще спомена е bgcolor. Той може да се използва както в <table>, така и в <tr>, <td> и <th>. Стойностите, които може да приема са имена на цветовете (на английски език) и три двуцифрени шестнадесетични числа, които представляват RGB (например за бяло е така - #FFFFFF). Функцията на този атрибут bgcolor е да напправи фона на цялата таблица, отделна клетка или ред в различен цвят от нормалния.

Пример:
<table bgcolor="#000000" border="1">


или

Пример:
<table bgcolor="black" border="1">
Върнете се в началото Go down
Вижте профила на потребителя http://ggbit-forum.vampire-legend.com
 
Допълнителни таблични атрибути
Предишната тема Следващата тема Върнете се в началото 
Страница 1 от 1

Permissions in this forum:Не Можете да отговаряте на темите
GGbitBG :: Уроци :: CSS и HTML-
Идете на: