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

Стойност: колапс | разделно | наследят
Първоначална стойност: колапс
Област на приложение: членове на маса "и" инлайн маса "
Наследен: да
Процентни стойности: N / A
Устройства: визуални

Тази функция ви позволява да изберете модел на маса граници. Стойността "разделно" е модел с отделни граници. Стойността "колапс" задава модела с пресичащи граници. Тези модели са описани по-долу.

Модел конкретни граници

Значение: ? | наследят
Първоначална стойност: 0
Област на приложение: членове на маса "и" инлайн маса "
Наследен: да
Проценти: неприложимо
Устройства: визуални

Ако дължината е зададено, означава разстоянието между границите на съседни клетки. Ако не е посочен един дължина, той определя разстоянието хоризонтално и вертикално. Ако двете стойности, първият определя хоризонталното разстояние, а вторият - вертикално. Дължината не може да бъде отрицателен.

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

Таблица показано на фигурата по-долу, можете да създадете с помощта на следната таблица със стилове:

Таблица, при които свойствата за "граница между редовете", определени с определена стойност. Имайте предвид, че всяка клетка има своя граница, а на масата има отделна граница.

Граници около празните клетки: на "празните клетки"

Значение: Покажи | скрие | наследят
Първоначална стойност: шоу
Област на приложение: членове на маса клетка "
Наследен: да
Проценти: неприложимо
Устройства: визуални

В модела с обособени граници на имота управлява представителството на граници около клетки, които нямат видимо съдържание. Смята се, че няма видими съдържание в празните клетки и клетки, за които "видимост" на имотите, определени за "скрит". символи " "И други символи, представящи празното пространство с изключение на символа ASCII CR (" D "), LF (" А "), раздел (" 9 "), както и пространство (" 20 "), се считат за видими съдържание.

Ако се покаже на границата (като нормални клетки около) този имот се задава "шоу", около празните клетки.

Стойността на "скрий" означава, че около празните клетки няма да бъдат граници. Освен това, ако всички клетки в един ред, този хотел е на стойност "скрий" и клетките нямат никаква видима съдържание, целия ред ще се изпълнява в съответствие с стойност "дисплей: няма.

Следното правило граница ще имат всички клетки:

Модел с припокриващи граници

В модела с пресичащи граници може да показва граници, които обграждат клетъчна линия, група линии, колона или групата колони напълно или частично. По този начин е възможно да се постави граница атрибут на HTML "правилото".

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

Фигурата по-долу показва ширината на връзката маса, ширината стена, областта вътре в клетките и широчината на клетката. Тази връзка е представена чрез следното уравнение, което е приложимо за всеки ред на таблицата:

shirina_stroki = (0,5 * shirina_granitsy0) + levoe_pole_vnutri_tablitsy1
+ ширина1 pravoe_pole_vnutri_tablitsy1 + + + shirina_granitsy1
levoe_pole_vnutri_tablitsy2 +. + + Pravoe_pole_vnutri_tablitsyn
(0.5 * shirina_granitsyn)

Когато п - брой на клетките в един ред, а широчината-granitsyi - на границата между клетките аз и аз + 1. Имайте предвид, че ширината на таблицата е разрешено, само един от двата външните граници; другата граница е в областта.

ширина Схема клетка, граници, и полетата вътре в клетките.

Моля, имайте предвид, че в този модел, ширината на таблицата включва половината границата на маса. Освен това, в този модел, на масата още няма полета вътре (но има и полета).

Решаване на конфликти между граници

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

Какъв тип граници "спечели" в случай на конфликт, на следните правила:

1. Границите за собственост "граничен стил", която се задава на "скрит", имат предимство пред всички други конфликтни граници. Всички останали граница в определено място се показват.
2. В близост до границата със стила на "няма", най-нисък приоритет. Само ако граничните свойства на всички елементи, които принадлежат към тази земя имат стойност "няма", няма граници ще бъдат (но не забравяйте, че стойността на "няма" се използва за стила на границата по подразбиране.)
3. Ако нито един от стиловете, не е важно "скрит" и най-малко един от тях е на стойност, различна от "няма", "спечели" с голяма разлика. Ако няколко граници имоти "гранично-ширина" имат едни и същи ценности, стилове се прилагат в следния ред: "двойно", "твърд", "хвърли", "пунктирана", "гребен", "начало", "канал" и стил най-нисък приоритет "добавям".
4. Ако кантове се различават само по цвят, а след това на стила, посочена за клетката е с предимство пред линия, стил на линия - стилът на група от редове, колони групи колони, и на масата.

Следният пример илюстрира прилагането на правилата на йерархията. Използването на стилове:

То ще бъде представено за следната таблица:

ПРИМЕР маси с пресичащи границите.

Следващият пример показва таблица с хоризонтални линии разделителна линия. За горната граница на таблицата се задава на "скрит", която осигурява без горна граница на първия ред. Резултатът ще бъде използвана от атрибутите "правила" на HTML 4.0 (правилата = "редове") на.

Таблица с хоризонтални линии разделителна линия.

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

Ето още един пример за това, преминаващи през границите:

Маса с две липсващи вътрешни граници.

стила на границата

Смисълът на някои стойности на имотите "граница в стил" по отношение на масата и с останалите елементи са различни. Списъкът по-долу са ценностите, отбелязани със звездичка.

По същия начин, стойност "Няма", но в един модел с припокриващи граници има предимство пред всички други граници (вж. Частта от конфликти между границите).

Границата представена от поредица от точки.

Границата представена от поредица от кратки отсечки.

Онлайн сегмент граница изглежда еднакво.

Границата е представена от два плътни линии. Сума от дебелини на два реда и

разстоянието между тях, равна на стойността "граничен ширина".

Границата изглежда потъналия.

За разлика от "жлеб", на границата изглежда изпъкнало.

В модела с индивидуални граници всичко изглежда потиснат. В модела с припокриващи граници на тази стойност тя има същия ефект като този на "канала".

В модела с индивидуалните граници на целия блок изглежда изпъкнало. В модела с припокриващи граници на тази стойност тя има същия ефект като този на "билото".