Типы собственности таблица: Таблица 2. Форма собственности / КонсультантПлюс

Поскольку существует так много разных типов данных, Access предлагает несколько разных типов полей.Тип данных поля ограничивает, какой тип информации может храниться в поле. Например, вы не можете вводить текст в числовое поле.

Изменить тип поля

Чтобы изменить тип поля, вы должны находиться в режиме конструктора.

1. Откройте таблицу, содержащую поля, которые нужно изменить.

   Затем вам нужно переключиться в режим «Дизайн».

2. Щелкните стрелку списка View и выберите Design View .

   Окно дизайна таблицы разбито на две части.Верхний раздел содержит имена и типы полей таблицы, а нижний раздел отображает свойства выбранного поля. Просто щелкните имя поля, чтобы просмотреть его свойства.

3. Щелкните поле Тип данных поля.

   Теперь выберите нужный тип данных.

4. Щелкните стрелку списка Data Type и выберите тип данных.

Тип данных поля изменяется на указанный вами тип данных.

Изменить свойства поля

Вы также можете изменить свойства поля. Свойство — это атрибут, который определяет внешний вид, поведение или характеристики объекта. Например, свойства автомобиля будут включать его цвет, марку, модель и форму. Свойством числового поля может быть количество отображаемых десятичных знаков или максимальное количество символов, которое может содержать поле.

Чтобы просмотреть и изменить свойства поля для таблицы, откройте таблицу в режиме конструктора.

1. В представлении «Дизайн» щелкните поле, свойства которого нужно изменить.
2. Щелкните поле свойства, которое нужно изменить, и введите или выберите новые параметры.

   В таблице в конце этого урока описаны многие важные свойства полей. Не волнуйтесь, если некоторые из них покажутся непонятными — у вас будет много практики, корректируя их на других уроках.

   Важно отметить, что определенные типы полей имеют свои собственные наборы свойств, поэтому свойства могут отличаться в зависимости от поля.

..

Важные свойства короткого текстового поля
Размер поля	Текстовые поля: максимальное количество символов (до 255), которое можно ввести в поле. Значение по умолчанию — 50. Поля числа / валюты: хранит число в виде байта, целого числа, длинного целого числа, одиночного, двойного или идентификатора репликации или десятичного числа. Значение по умолчанию — длинное целое число.
Формат	Как данные в поле будут отображаться на экране.
Маска ввода	Создает формат или шаблон, в котором должны быть введены данные.
Десятичные разряды	Количество десятичных знаков в полях «Число» и «Валюта».
Подпись	Метка поля, которое будет отображаться в формах. Если вы не введете заголовок, Access будет использовать имя поля в качестве заголовка.
Правило по умолчанию	Значение, которое Access автоматически вводит в поле для новых записей.
Правило валидации	Выражение, ограничивающее значения, которые можно ввести в поле.
Текст подтверждения	Сообщение об ошибке, которое появляется, когда неверное или ограниченное значение вводится в поле с правилом проверки.
Обязательно	Укажите, нужно ли вводить значение в поле. По умолчанию — №
Индексировано	Индексируйте поле, чтобы ускорить поиск и сортировку, выполняемую в поле.По умолчанию — №

Общие сведения о свойствах других таблиц — Учебное пособие по MS-Access

Access 2010 предоставляет несколько дополнительных свойств таблицы, которые вы можете установить в режиме конструктора. Вы можете ввести описание таблицы в свойстве Описание, и вы увидите это описание в области навигации, если запросите представление «Подробности». Для представления по умолчанию вы можете выбрать таблицу (по умолчанию), сводную таблицу или сводную диаграмму.

Свойство «Фильтр» позволяет заранее определить критерии для ограничения данных, отображаемых в таблице данных. вид этой таблицы. Если для параметра «Фильтр при загрузке» задано значение «Да», Access применяет заданный вами фильтр. когда вы открываете таблицу. Вы можете использовать Order By, чтобы определить одно или несколько полей, которые определить последовательность отображения строк по умолчанию в этой таблице в режиме таблицы. если ты не определяют свойство «Порядок по», Access отображает строки в последовательности первичных ключей. Ты можно установить для свойства Order By On Load значение Yes, чтобы запросить, чтобы Access всегда применял любые Заказ по спецификации при открытии таблицы.

Примечание Если вы применяете фильтр или задаете последовательность сортировки, когда у вас открыта таблица в В режиме таблицы Access 2010 сохраняет фильтр в свойстве Filter и сортировку последовательность в свойстве Сортировать по. Если у вас установлен фильтр по загрузке или упорядочить по загрузке на Да, Access повторно применит предыдущий фильтр или критерии последовательности сортировки в следующий раз, когда вы откройте таблицу.

Вы можете найти пять свойств: Имя подтаблицы, Связать дочерние поля, Связать основные поля, Высота подтаблицы и развернутая подтаблица — все они взаимосвязаны.Доступ 2000 представила функцию, которая позволяет вам видеть информацию из связанных таблиц, когда вы просматриваете техническое описание таблицы. Например, в создаваемой вами базе данных отслеживания контактов: вы можете установить свойства подтаблицы в определении контактов, чтобы также показать вам связанная информация из ContactEvents или ContactProducts. В резервациях Proseware Housing образец базы данных, вы можете увидеть отделы и их сотрудников или сотрудников и их запросы на бронирование.

Обратите внимание на маленькие знаки плюс и минус в начале каждого ряда отделов.Нажмите на знак плюса, чтобы развернуть подтаблицу и отобразить связанных сотрудников. Щелкните знак минус, чтобы сжать подтаблицу и показать только информацию об отделе. В Таблице 8 объясняется каждый из параметры свойства таблицы, которые можно указать для прикрепления подтаблицы к таблице.

Для производственного приложения рекомендуется установить Имя подтаблицы во всех ваших таблицы в [Нет]. Во-первых, когда Access 2010 открывает вашу таблицу, он должен не только получать строк из таблицы, но также выбирает строки, определенные в подтаблице. Добавление подтаблицы использование большого стола может отрицательно сказаться на производительности.

Тем не менее, вы можете найти возможность использовать таблицы и подтаблицы запросов в ваших личных базах данных.

Вы можете использовать свойство Orientation, чтобы указать последовательность чтения данных в таблице данных. Посмотреть.По умолчанию в большинстве версий Access установлено слева направо. В версиях, поддерживающих язык, который обычно читается справа налево, по умолчанию — справа налево. Когда вы используете Справа налево, заголовки полей и таблиц отображаются с выравниванием по правому краю, порядок полей — справа налево, и последовательность табуляции продолжается справа налево.

Для свойства Только чтение при отключении по умолчанию установлено значение Нет, что означает, что вы можете по-прежнему обновлять или добавлять новые записи в таблицу, связанную с Microsoft SharePoint Services сайт, когда вы не в сети.

Полная таблица свойств

Это приложение является информативным, а не нормативным.

Таблицы

В этой главе определяется модель обработки для таблиц в CSS.Часть этой модели обработки является макет. Что касается макета, в этой главе вводит два алгоритма; во-первых, фиксированный макет стола алгоритм, четко определен, но второй, автоматический макет таблицы алгоритм, не полностью определен данной спецификацией.

Для алгоритма автоматической компоновки таблиц, некоторые широко применяемые реализации достигли относительно близкого взаимодействия.

Макет стола может быть используется для представления табличных отношений между данными. Авторы указывают эти отношения в документе язык и может указать их презентацию , используя CSS 2.1.

В визуальной среде таблицы CSS также могут использоваться для достижения конкретных макеты. В этом случае авторам не следует использовать элементы, связанные с таблицами. на языке документа, но должен применить CSS к соответствующему конструктивные элементы для достижения желаемой планировки.

Авторы могут указать визуальное форматирование таблицы как прямоугольная сетка ячеек. Строки и столбцы ячеек могут быть организованы на группы строк и группы столбцов. Строки, столбцы, группы строк, столбец группы, и ячейки могут иметь границы, нарисованные вокруг них (есть два модели границ в CSS 2.1). Авторы могут выровнять данные по вертикали или горизонтально внутри ячейки и выровнять данные во всех ячейках строки или столбец.

Примеры:

Вот простой трехрядный трехколоночный таблица, описанная в HTML 4:

<ТАБЛИЦА>
 Это простой стол 3x3 

    Заголовок 1  Ячейка 1  Ячейка 2

    Заголовок 2  Ячейка 3  Ячейка 4

    Заголовок 3  Ячейка 5  Ячейка 6

 

Этот код создает одну таблицу (элемент ТАБЛИЦА), три строки (элементы TR), три ячейки заголовка (элементы TH), и шесть ячеек данных (элементы TD).Обратите внимание, что три столбца этого примера указаны неявно: столько же столбцы в таблице в соответствии с требованиями заголовка и ячеек данных.

Следующее правило CSS центрирует текст по горизонтали в заголовке. ячейки и выделяет текст в ячейках заголовка жирным шрифтом масса:

й {выравнивание текста: центр; font-weight: bold}
 

Следующие правила выравнивают текст ячеек заголовка по их базовой линии. и вертикально центрируйте текст в каждой ячейке данных:

th {vertical-align: baseline}
тд {вертикальное выравнивание: середина}
 

Следующие правила определяют, что верхняя строка будет окружена 3px сплошная синяя граница, и каждая из других строк будет окружена Сплошная черная рамка 1px:

таблица {border-collapse: collapse}
tr # row1 {border: 3px, сплошной синий}
tr # row2 {border: 1px сплошной черный}
tr # row3 {border: 1px сплошной черный}
 

Обратите внимание, однако, что границы вокруг строк перекрываются там, где ряды встречаются.Какой цвет (черный или синий) и толщина (1 или 3 пикселя) будут граница между row1 и row2 быть? Мы обсуждаем это в разделе, посвященном разрешение приграничных конфликтов.

Следующее правило помещает заголовок таблицы над таблицей:

caption {caption-side: top}
 

В предыдущем примере показано, как CSS работает с элементами HTML 4; в HTML 4 семантика различных элементов таблицы (ТАБЛИЦА, CAPTION, THEAD, TBODY, TFOOT, COL, COLGROUP, TH и TD) являются четко определенный. На других языках документов (например, в приложениях XML), не может быть предопределенных элементов таблицы.Следовательно, CSS 2.1 позволяет авторов для «сопоставления» языковых элементов документа с элементами таблицы с помощью свойство display. Для Например, следующее правило заставляет элемент FOO действовать как HTML Элемент TABLE и элемент BAR действуют как элемент CAPTION:

FOO {display: table}
BAR {display: table-caption}
 

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

Модель таблицы CSS основана на модели таблицы HTML4, в структура которой очень похожа на визуальную стол. В этой модели таблица состоит из необязательного заголовка и любое количество рядов ячеек. Модель таблицы называется «строка первичный «, поскольку авторы указывают строки, а не столбцы, явно в язык документа. Столбцы выводятся после того, как все строки были указано — первая ячейка каждой строки принадлежит первому столбцу, от второго ко второму столбцу и т. д.). Строки и столбцы могут быть структурно сгруппированы, и эта группировка отражена в презентации (например, вокруг группы строк может быть нарисована граница).

Таким образом, табличная модель состоит из таблиц, заголовков, строк, групп строк (включая группы заголовков и нижний колонтитул). группы), столбцы, группы столбцов и ячейки.

Модель CSS не требует, чтобы язык документа включал элементы которые соответствуют каждому из этих компонентов. Для языков документа (например, приложения XML), у которых нет предопределенной таблицы элементы, авторы должны сопоставить языковые элементы документа с таблицей элементы; это делается с помощью свойства display.Следующий таблица значений ‘display’ правила форматирования для произвольного элемента:

стол (В HTML: ТАБЛИЦА)

Указывает, что элемент определяет таблицу уровня блока: это прямоугольный блок, который участвует в контексте форматирования блока.

встроенный стол (In HTML: TABLE)

Указывает, что элемент определяет таблицу встроенного уровня: это прямоугольный блок, участвующий во встроенном форматировании контекст).

строка-таблица (в HTML: TR)

Указывает, что элемент является строкой ячеек.

таблица-строка-группа (В HTML: TBODY)

Указывает, что элемент группирует один или несколько ряды.

группа заголовков таблицы (В HTML: THEAD)

Как ‘table-row-group’, но для визуального форматирование, группа строк всегда отображается перед всеми остальными строками и группы строк и после любых верхних заголовков. Пользовательские агенты печати могут повторять строки заголовков на каждой странице, охватываемой таблицей.Если таблица содержит несколько элементов с ‘display: table-header-group’, только первый отображается как заголовок; с остальными обращаются так, как будто они имел ‘display: table-row-group’.

группа-нижний колонтитул (В HTML: TFOOT)

Как ‘table-row-group’, но для визуального форматирование, группа строк всегда отображается после всех остальных строк и группы строк и перед любыми нижними заголовками. Пользовательские агенты печати могут повторять строки нижнего колонтитула на каждой странице, охватываемой таблицей.Если таблица содержит несколько элементов с ‘display: table-footer-group’, только первый отображается как нижний колонтитул; с остальными обращаются так, как будто они имел ‘display: table-row-group’.

таблица-столбец (В HTML: COL)

Указывает, что элемент описывает столбец клетки.

таблица-столбец-группа (В HTML: COLGROUP)

Указывает, что элемент группирует один или несколько столбцы.

таблица-ячейка (в HTML: TD, TH)

Указывает, что элемент представляет ячейку таблицы.

заголовок таблицы (In HTML: CAPTION)

Задает заголовок для таблицы. Все элементы с ‘display: table-caption’ должен отображаться, как описано в раздел 17.4.

Замененные элементы с этими «отображаемыми» значениями рассматриваются как их заданные типы отображения во время макета. Например, изображение, которое установлено to ‘display: table-cell’ заполнит доступное пространство ячейки, а его размеры могут способствовать алгоритмам определения размера таблицы, так как с обычной ячейкой.

Элементы с набором «дисплей» to ‘table-column’ или ‘table-column-group’ не отображаются (точно так же, как если бы у них было ‘display: none’), но они полезны, потому что могут имеют атрибуты, которые создают определенный стиль для столбцов, в которых они представлять.

Таблица стилей по умолчанию для HTML4 в приложении показано использование этих значений для HTML4:

таблица {дисплей: таблица}
tr {display: table-row}
thead {display: table-header-group}
tbody {display: table-row-group}
tfoot {display: table-footer-group}
col {display: table-column}
colgroup {display: table-column-group}
td, th {display: table-cell}
подпись {display: table-caption}
 

Пользовательские агенты могут игнорировать эти значения свойства ‘display’ для Элементы таблицы HTML, поскольку таблицы HTML могут отображаться с использованием других алгоритмы, предназначенные для обратно совместимого рендеринга.Однако это не предназначен для того, чтобы препятствовать использованию ‘display: table’ на другом, нестабличные элементы в HTML.

17.2.1 Анонимные объекты таблиц

Языки документов, отличные от HTML, могут не содержать всех элементов в табличной модели CSS 2.1. В этих случаях «пропавшие без вести» элементы должны быть приняты для того, чтобы модель таблицы работала. Любой элемент table автоматически сгенерирует необходимую анонимную таблицу объекты вокруг себя, состоящие как минимум из трех вложенных объектов соответствующий элементу ‘table’ / ‘inline-table’, ‘table-row’ элемент и элемент «таблица-ячейка».Отсутствующие элементы создают анонимные объекты (например, анонимные ящики в визуальном макете таблицы) по следующим правилам:

Для целей настоящих правил определены следующие термины:

рядный групповой ящик

‘table-row-group’, ‘table-header-group’ или ‘table-footer-group’

правильный стол ребенок

Поле «таблица-строка», поле «Группа строк», поле «Таблица-столбец», поле ‘table-column-group’ или поле ‘table-caption’.

правильная родительская строка таблицы

Поле «таблица» или «встроенная таблица» или поле группы строк

внутренний настольный ящик

Поле ‘таблица-ячейка’, поле ‘таблица-строка’, поле группы строк, поле «таблица-столбец» или поле «таблица-столбец-группа».

табличный контейнер

Поле «строка-таблица» или соответствующий родительский элемент строки таблицы

подряд

Два соседних ящика идут подряд, если они не имеют промежуточного звена. братьев и сестер, кроме, необязательно, анонимной встроенной строки, содержащей только пробелы. Последовательность одноуровневых ящиков является последовательной, если каждый прямоугольник в последовательности следует за предыдущим в последовательность.

Для целей настоящих правил непроточные элементы представлены как встроенные элементы нулевой ширины и высоты.Их содержащие блоки выбираются соответственно.

Следующие шаги выполняются в три этапа.

1. Удалите ненужные поля:
   1. Все дочерние поля родительского элемента «таблица-столбец» обрабатываются так, как если бы у них было «display: none».
   2. Если дочерний элемент C родительского элемента ‘table-column-group’ не поле «таблица-столбец», тогда оно рассматривается, как если бы в нем ‘display: none’.
   3. Если ребенок C табличного контейнера P анонимный встроенный блок, содержащий только пробелы, и его непосредственно предшествующие и следующие братья и сестры, если any, являются правильными потомками таблицы P и являются либо ‘table-caption’, либо внутренние поля таблицы, тогда это обрабатывается так, как если бы он имел «display: none».Ящик Д есть правильный потомок таблицы A , если D может быть потомком A , не вызывая генерация любой промежуточной ‘таблицы’ или ‘встроенной таблицы’ коробки.
   4. Если поле B является анонимной строкой, содержащей только пустое пространство и находится между двумя ближайшими братьями и сестрами, каждый из который является либо внутренним блоком таблицы, либо заголовком таблицы box, то B обрабатывается так, как если бы он имел ‘display: никто’.
2. Создать недостающие дочерние оболочки:
   1. Если ребенок C поля ‘table’ или ‘inline-table’ не является правильным дочерним элементом таблицы, затем сгенерируйте анонимный прямоугольник «таблица-ряд» вокруг C и всех последующих братья и сестры C , которые не являются собственными дочерними элементами таблицы.
   2. Если дочерний элемент C поля группы строк не является поле ‘table-row’, затем сгенерируйте анонимное поле ‘table-row’ около C и все последовательные братья и сестры из C , которые не являются блоками «таблица-строка».
   3. Если дочерний элемент C поля «строка-таблица» не является ‘table-cell’, затем сгенерируйте анонимное поле ‘table-cell’ около C и все последовательные братья и сестры из C , которые не являются блоками «таблица-ячейка».
3. Создать отсутствующих родителей:
   1. Для каждого поля «таблица-ячейка» C в последовательности последовательная внутренняя таблица и братья и сестры ‘table-caption’, если C родительский элемент не является строкой таблицы, тогда сгенерируйте анонимный блок «таблица-ряд» вокруг C и все последовательные братья и сестры C , которые являются ‘table-cell’ коробки.
   2. Для каждого дочернего элемента таблицы C в последовательности последовательные дочерние элементы правильной таблицы, если C с ошибками, затем сгенерируйте анонимную « таблицу » или коробка ‘inline-table’ T около C и все последовательные братья и сестры C , которые являются правильной таблицей дети. (Если родитель C является встроенным блоком, тогда T должен быть блоком «встроенная таблица»; иначе это должен быть «стол».)
      • ‘table-row’ неверный родитель, если его родитель не является ни тем, ни другим поле группы строк, а также поле «таблица» или «встроенная таблица».
      • Коробка «таблица-столбец» имеет неверный родительский элемент, если ее родительский элемент ни поле «таблица-столбец-группа», ни «таблица», ни поле inline-table.
      • Поле группы строк, поле «таблица-столбец-группа» или поле ‘table-caption’ имеет неверный родительский элемент, если его родительский элемент ни поле «таблица», ни поле «встроенная таблица».

Примеры:

В этом примере XML предполагается, что элемент ‘table’ содержит Элемент HBOX:

   Джордж 
   4287 
   1998 

 

, потому что связанная таблица стилей:

HBOX {display: table-row}
VBOX {дисплей: таблица-ячейка}
 

Пример (ы):

В этом примере предполагается, что три элемента «таблица-ячейка» содержат текст в строках.Обратите внимание, что текст дополнительно заключен в анонимные встроенные блоки, как описано в модели визуального форматирования:

<СТЕК>
   Это  верхняя  строка. 
   Это  средняя  строка. 
   Это  нижняя  строка. 

 

Таблица стилей:

СТЕК {дисплей: встроенная таблица}
СТРОКА {display: table-row}
D {display: inline; font-weight: bolder}
 

Ячейки таблицы могут принадлежать двум контекстам: строкам и столбцам.Тем не мение, в исходном документе ячейки являются потомками строк, а не столбцы. Тем не менее, на некоторые аспекты клеток могут влиять установка свойств столбцов.

Следующие свойства применяются к элементам столбца и группы столбцов:

‘бордюр’

Различные свойства границы применяются к столбцам, только если установлен параметр «border-collapse» «свернуть» элемент таблицы. В этом случае границы устанавливаются на столбцы и группы столбцов вводятся в разрешение конфликта алгоритм, который выбирает стили границ на каждом краю ячейки.

‘фон’

Свойства фона устанавливают фон для ячеек в столбец, но только если и ячейка, и строка имеют прозрачный фоны. См. «Слои таблицы и прозрачность «.

‘ширина’

Свойство width дает минимальная ширина столбца.

‘видимость’

Если для параметра «видимость» столбца установлено значение «свернуть», ни один из отображаются ячейки в столбце, а ячейки, которые охватывают остальные столбцы обрезаются.Кроме того, ширина стола составляет уменьшится на ширину, которую заняла бы колонка. См. «Динамические эффекты» ниже. Прочие ценности для «видимости» не имеют никакого эффекта.

Примеры:

Вот несколько примеров правил стиля, которые устанавливают свойства на столбцы. Первые два правила вместе реализуют атрибут «rules» HTML 4 со значением «cols». Третье правило делает «итоги» столбец синий, последние два правила показывают, как сделать столбец фиксированным размер, используя фиксированный макет алгоритм.

col {border-style: none solid}
таблица {border-style: hidden}
col.totals {background: blue}
таблица {table-layout: fixed}
col.totals {width: 5em}
 

С точки зрения модели визуального форматирования таблица может вести себя как блочного уровня (для ‘display: table ‘) или inline-level (для ‘display: inline-table’) элемент.

В обоих случаях таблица генерирует блок основного блока, называемый обертка стола , что содержит само поле таблицы и все поля заголовков (в документе порядок).Блок таблицы — это блок уровня блока, который содержит внутренние ящики стола. Поля заголовков представляют собой блоки блочного уровня, которые сохраняют свои собственные содержимое, отступы, поля и границы и отображаются как обычно блок-боксы внутри обертки стола. Помещены ли поля заголовков до или после поля таблицы определяется ‘caption-side’ свойство, как описано ниже.

Блок-оболочка таблицы является блоком, если таблица является блочной, и поле «встроенный блок», если таблица является встроенной.Коробка обертки стола устанавливает контекст форматирования блока. Столик (не обертка таблицы) используется при выполнении базовой линии вертикальное выравнивание для «встроенной таблицы». Ширина обертки таблицы box — это ширина границы поля таблицы внутри него, как описано по разделу 17.5.2. Проценты по ширине и высоте в таблице равны относительно блока оболочки таблицы, а не коробки оболочки сам.

Вычисленные значения свойств ‘position’, ‘float’, ‘margin- *’, «верхний», «правый», «нижний» и «левый» в элементе таблицы используются в коробку-обертку стола, а не коробку стола; все другие значения ненаследуемые свойства используются в поле таблицы, а не в таблице обертка.(Если значения элемента таблицы не используются в таблицы и обертки таблиц, вместо них используются начальные значения.)

Схема таблицы с подписью над ней.

17.4.1 Положение и выравнивание заголовка

‘caption-side’

Значение:	наверх | внизу | наследовать
Начальное:	верх
Применимо к:	элементам table-caption
Унаследовано:	да
В процентах:	Н / Д
Медиа:	визуальный
Вычисленное значение:	как указано

Это свойство определяет положение поля заголовка с по отношению к ящику стола.Ценности имеют следующие значения:

вверху

Помещает поле заголовка над настольный ящик.

снизу

Помещает поле заголовка под настольный ящик.

Примечание: CSS2 описал другую ширину и поведение горизонтального выравнивания. Это поведение будет представлено в CSS3 с использованием значений ‘top-outside’ и ‘bottom-outside’ на этом имущество.

Чтобы выровнять содержимое заголовка по горизонтали в поле заголовка, используйте свойство text-align.

Примеры:

В этом примере свойство caption-side размещает подписи под таблицами. Заголовок будет такой же ширины, как родительский элемент таблица и текст заголовка будут выровнены по левому краю.

caption {caption-side: bottom;
          ширина: авто;
          выравнивание текста: слева}
 

Внутренние элементы таблицы создают прямоугольные блоки с содержимым и границами. У ячеек также есть отступы. Внутренние элементы таблицы не имеют поля.

Внешний вид этих ящиков регулируется прямоугольным, нерегулярная сетка строк и столбцов.Каждый ящик занимает целое число ячеек сетки, определяемых по следующим правилам. Эти правила не применяются к HTML 4 или более ранним версиям HTML; HTML навязывает собственные ограничения на интервалы строк и столбцов.

1. Каждый прямоугольник строки занимает одну строку ячеек сетки. Вместе ряд коробки заполняют таблицу сверху вниз в том порядке, в котором они встречаются исходный документ (т.е. таблица занимает ровно столько же сетки строки, поскольку есть элементы строки).
2. Группа строк занимает те же ячейки сетки, что и строки, которые она содержит.
3. Поле столбца занимает один или несколько столбцов ячеек сетки. Столбец коробки располагаются рядом друг с другом в порядке их появления. В блок первого столбца может быть как слева, так и справа, в зависимости от значения свойства «направление» таблицы.
4. Поле группы столбцов занимает те же ячейки сетки, что и столбцы. это содержит.
5. Ячейки могут занимать несколько строк или столбцов. (Хотя CSS 2.1 не определяет количество составных строк или столбцов определено, пользовательский агент может иметь специальные знания об источнике документ; будущее обновление CSS может предоставить способ выразить это знание синтаксиса CSS.) Каждая ячейка, таким образом, представляет собой прямоугольную коробку, одну или более ячеек сетки шириной и высотой. Верхний ряд этого прямоугольника в строке, указанной родителем ячейки. Прямоугольник должен иметь вид как можно дальше влево, но часть ячейки в первой столбец, который он занимает, не должен перекрываться с любым другим блоком ячейки (т. е. ячейка, охватывающая строки, начиная с предыдущей строки), и ячейка должна быть справа от всех ячеек в той же строке, которые находятся ранее в исходный документ. Если это положение вызовет ячейку, занимающую столбцы чтобы перекрыть ячейку, занимающую ряд строк, из предыдущей строки, CSS не определяет результаты: реализации могут либо перекрывать ячейки (как сделано во многих реализациях HTML) или может сместить более позднюю ячейку на право избегать такого дублирования.(Это ограничение выполняется, если свойство ‘direction’ таблицы — ‘ltr’; если «направление» ‘rtl’, поменяйте местами «left» и «right» в предыдущих двух предложения.)
6. Поле ячейки не может выходить за пределы поля последней строки таблицы или группа строк; пользовательские агенты должны укорачивать его, пока он не подходит.

Края строк, столбцов, групп строк и групп столбцов в модель схлопывающихся границ совпадает с гипотетическими линиями сетки, на которых границы ячеек по центру.(Таким образом, в этой модели ряды вместе точно покрывают стол, не оставляющий зазоров; то же самое для столбцов.) В модели с разделенными границами края совпадают с краевыми краями клетки. (Таким образом, в этой модели между рядами могут быть промежутки, столбцы, группы строк или группы столбцов, соответствующие свойству ‘border-spacing’.)

Примечание. Размещение и перемещение ячеек таблицы может привести к тому, что они больше не будут ячейками таблицы, в соответствии с правилами в разделе 9.7. При плавании используется, правила для анонимных объектов таблицы могут вызвать Также будет создан объект анонимной ячейки.

Вот пример, иллюстрирующий правило 5. Следующие недопустимые (X) Фрагмент HTML определяет конфликтующие ячейки:

<таблица>
  1   2   3   4  
  5  

 

Пользовательские агенты могут визуально перекрывать ячейки, как в цифру слева, или сдвинуть ячейку, чтобы избежать визуального перекрывают друг друга, как на рисунке справа.

[D]

Два возможных отображение ошибочной таблицы HTML.

17.5.1 Слои таблицы и прозрачность

Для поиска фона каждой ячейки таблицы различные элементы таблицы можно рассматривать как находящиеся на шести наложенные слои. Фон, установленный на элементе в одном из слои будут видны только в том случае, если слои над ним имеют прозрачный фон.

[D]

Схема слоев таблицы.

1. Самый нижний слой — это единственная плоскость, представляющая поле таблицы сам.Как и все коробки, он может быть прозрачным.
2. Следующий уровень содержит группы столбцов. Каждая группа столбцов простирается от верха ячеек верхнего ряда до низа ячейки в нижнем ряду и от левого края крайнего левого столбец к правому краю его самого правого столбца. Фон покрывает ровно всю площадь всех ячеек, которые берут начало в группа столбцов, даже если они выходят за пределы группы столбцов, но это разница в площади не влияет на позиционирование фонового изображения.
3. Вверху групп столбцов находятся области, представляющие ящики столбцов. Высота каждого столбца соответствует высоте групп столбцов и шириной как обычная (занимающая один столбец) ячейка в столбце. В фон покрывает ровно всю площадь всех исходных ячеек в столбце, даже если они выходят за пределы столбца, но это разница в площади не влияет на позиционирование фонового изображения.
4. Далее идет слой, содержащий группы строк. Каждая группа строк простирается от верхнего левого угла самой верхней ячейки в первой столбец в нижний правый угол его самой нижней ячейки в последней столбец.
5. Предпоследний слой содержит строки. Ширина каждого ряда равна группы строк и такой же высотой, как обычная (однострочная) ячейка в ряд. Как и в случае со столбцами, фон полностью покрывает площадь всех ячеек, которые берут начало в строке, даже если они охватывают вне ряда, но эта разница в площади не влияет позиционирование фонового изображения.
6. Самый верхний слой содержит сами ячейки. Как фигура отображается, хотя все строки содержат одинаковое количество ячеек, но не все ячейка могла иметь указанное содержимое.В модели с разделенными границами (‘граница-коллапс’ ‘отдельные’), если значение их свойства ‘пустые ячейки’ равно ‘скрыть’ эти «пустые» ячейки прозрачны через ячейку, строку, строку группы, столбцы и фоны групп столбцов, позволяя таблице фон просвечивает.

«Отсутствующая ячейка» — это ячейка в сетке строк / столбцов, которая не занят элементом или псевдоэлементом. Отображаются отсутствующие ячейки как если бы анонимная ячейка таблицы занимала их позицию в сетке.

В следующем примере первая строка содержит четыре непустых ячеек, но вторая строка содержит только одну непустую ячейку, поэтому фон таблицы просвечивает, за исключением тех мест, где находится ячейка из первый ряд переходит в этот ряд. Следующий код HTML и правила стиля

  <ГОЛОВА>
    
    <СТИЛЬ type = "текст / css">
      ТАБЛИЦА {фон: # ff0; граница: сплошной черный;
               пустые ячейки: скрыть}
      TR.верх {фон: красный}
      TD {border: сплошной черный}
    
  
  <ТЕЛО>
    <ТАБЛИЦА>
      
         1
         2
         3
         4
      
         5
        
    
  

можно отформатировать следующим образом:

[D]

Таблица с пустыми ячейками в нижней строке.

Обратите внимание, что если у таблицы есть ‘border-collapse: отдельный’, фон области, заданной свойством ‘border-spacing’, равен всегда фон элемента таблицы.См. Модель с разделенными границами.

17.5.2 Алгоритмы ширины таблицы: ‘table-layout’ свойство

CSS не определяет «оптимальный» макет таблиц, поскольку во многих случаях, что оптимально — дело вкуса. CSS действительно определяет ограничения, которые пользовательские агенты должны соблюдать при компоновке таблицы. Пользовательские агенты могут использовать любой алгоритм, который они хотят, и могут предпочитать скорость рендеринга точности, за исключением случаев, когда «фиксированный макет алгоритм ».

Обратите внимание, что этот раздел отменяет правила, применяемые к расчет ширины, как описано в разделе 10.3. В в частности, если поля таблицы установлены на «0», а ширина — на ‘auto’, таблица не будет автоматически изменяться для заполнения содержащего блокировать. Однако, как только вычисленное значение ширины таблицы будет найдено (с использованием алгоритмов, приведенных ниже, или, при необходимости, некоторых другой алгоритм, зависящий от UA), тогда остальные части раздела 10.3 выполняют подать заявление. Поэтому стол можно центрировать , используя левый и правый например, поля «авто».

В будущих обновлениях CSS могут появиться способы создания таблиц автоматически подгонять содержащиеся в них блоки.

‘стол-расклад’

Значение:	авто | фиксированный | наследовать
Начальный:	авто
Применимо к:	элементам ‘table’ и ‘inline-table’
Унаследовано:	нет
В процентах:	Н / Д
Медиа:	визуальный
Вычисленное значение:	как указано

Стол-макет свойство контролирует алгоритм, используемый для размещения ячеек таблицы, строк, и столбцы.Значения имеют следующее значение:

фиксированный

Использовать алгоритм фиксированного макета таблицы

auto

Использовать любую автоматическую раскладку таблицы алгоритм

Эти два алгоритма описаны ниже.

17.5.2.1 Фиксированная разметка таблицы

С помощью этого (быстрого) алгоритма горизонтальная компоновка таблицы не зависеть от содержимого ячеек; это зависит только от ширина таблицы, ширина столбцов и границы или интервал между ячейками.

Ширина таблицы может быть явно указана с помощью свойства width. Значение «авто» (для оба ‘display: table’ и ‘display: inline-table’) означают использование алгоритма автоматического макета таблицы. Однако, если таблица является таблицей уровня блока (‘display: table’) в нормальный поток, UA может (но не обязан) использовать алгоритм 10.3.3 для вычисления ширины и применения фиксированный макет таблицы, даже если указанная ширина — «авто».

Примеры:

Если UA поддерживает фиксированный макет таблицы, когда ‘width’ установлено ‘auto’, следующее создаст таблицу, которая на 4em уже, чем содержащая блокировать:

table {table-layout: fixed;
        маржа слева: 2em;
        margin-right: 2em}
 

В алгоритме фиксированного макета таблицы ширина каждого столбца равна определяется следующим образом:

1. Элемент столбца со значением, отличным от auto, для свойства width устанавливает ширину для этот столбец.
2. В противном случае ячейка в первой строке со значением, отличным от ‘auto’ для свойства ‘width’ определяет ширину этого столбца. Если размер ячейки превышает один столбец, ширина делится по столбцам.
3. Любые оставшиеся столбцы поровну делят оставшуюся горизонталь табличное пространство (без границ или интервала между ячейками).

Ширина таблицы в этом случае больше значения свойство width для таблицы элемент и сумма ширины столбцов (плюс интервал ячеек или границы).Если таблица шире столбцов, дополнительное пространство следует распределить по столбцам.

Если в следующей строке больше столбцов, чем большее число определяется элементами таблицы-столбца и числом, определяемым первый ряд, затем дополнительные столбцы не могут отображаться. CSS 2.1 не определяет ширина столбцов и таблицы, если они отображаются как , . При использовании table-layout: fixed ‘, авторы не должны опускать столбцы из первой строки.

Таким образом, пользовательский агент может начать разметку таблицы один раз вся первая строка была получена.Ячейки в последующих строках делают не влияет на ширину столбца. Любая ячейка с содержимым, которое переполняется использует свойство overflow для определить, нужно ли обрезать переполненное содержимое.

17.5.2.2 Автоматическая разметка таблицы

В этом алгоритме (обычно требуется не более двух проходов), ширина таблицы определяется шириной ее столбцов (и промежуточные границы). Этот алгоритм отражает поведение нескольких популярных пользовательских HTML-агентов при написании эта спецификация. UA не требуются для реализации этого алгоритма. для определения макета таблицы в случае, если ‘table-layout’ — ‘auto’; Oни может использовать любой другой алгоритм, даже если он ведет к другому поведению.

Входные данные для автоматического макета таблицы должны включать только ширину содержащий блок и содержимое, а также любые установленные свойства CSS on, таблица и любые ее потомки.

Примечание. Это может быть определено более подробно в CSS3.

Остальная часть этого раздела не является нормативной.

Этот алгоритм может быть неэффективным, поскольку для него требуется пользовательский агент. иметь доступ ко всему содержимому таблицы перед определением окончательный макет и может потребовать более одного прохода.

Ширина колонны определяется следующим образом:

1. Рассчитайте минимальную ширину содержимого (MCW) каждой ячейки: форматированный контент может занимать любое количество строк, но не может выходить за пределы сотовый ящик. Если указанная «ширина» (W) ячейки больше чем MCW, W — минимальная ширина ячейки. Значение «авто» означает, что MCW — минимальная ширина ячейки.

   Также рассчитайте «максимальную» ширину каждой ячейки: форматирование содержимое без разрывов строк, кроме явной строки случаются разрывы.

2. Для каждого столбца определите максимальную и минимальную ширину столбца. из ячеек, охватывающих только этот столбец. Минимум то, что требуется ячейке с наибольшей минимальной шириной ячейки (или «ширина» столбца, в зависимости от того, что больше). Максимум — это то, что требуется ячейке с наибольшим максимальная ширина ячейки (или «ширина» столбца, в зависимости от того, что больше).

3. Для каждой ячейки, которая охватывает более одного столбца, увеличьте минимальная ширина столбцов, которые он охватывает, чтобы вместе они находились на меньше ширины клетки.Сделайте то же самое для максимальной ширины. Если возможно, расширить все составные столбцы примерно на одинаковую величину количество.

4. Для каждого элемента группы столбцов с шириной, отличной от ‘auto’, увеличьте минимальную ширину столбцов, которые он охватывает, чтобы вместе они по крайней мере равны «ширине» группы столбцов.

Это дает максимальную и минимальную ширину для каждого столбца.

Минимальная ширина заголовка (CAPMIN) определяется путем расчета для каждый заголовок минимальная внешняя ширина заголовка как MCW гипотетическая ячейка таблицы, содержащая заголовок в формате «дисплей: блок».Наибольшая из минимальных значений внешней ширины подписи КАПМИН.

Колонка и заголовок Ширина влияет на окончательную ширину таблицы следующим образом:

1. Если свойство width элемента ‘table’ или ‘inline-table’ имеет вычисленное значение (W) кроме «авто», используемая ширина большее из W, CAPMIN и минимальная ширина, необходимая для всех столбцы плюс интервал между ячейками или границы (MIN). Если используемая ширина больше MIN, дополнительная ширина должна быть распределена по столбцам.
2. Если элемент table или inline-table имеет width: auto, используемая ширина больше ширины блока, содержащего таблицу, CAPMIN и MIN. Однако, если либо CAPMIN, либо максимальная ширина требуется для столбцов плюс интервал между ячейками или границы (MAX) меньше чем у содержащего блока, используйте max (MAX, CAPMIN).

Процентное значение ширины столбца относительно таблицы ширина. Если в таблице указано «ширина: авто», процент представляет собой ограничение ширины столбца, которое UA должен попытаться удовлетворить.(Очевидно, это не всегда возможно: если ширина столбца равна ‘110%’, ограничение не может быть выполнено.)

Примечание. В этом алгоритме строки (и строка группы) и столбцы (и группы столбцов) ограничивают и являются ограничены размерами содержащихся в них ячеек. Установка ширина столбца может косвенно влиять на высоту строки, и наоборот.

17.5.3 Алгоритмы высоты стола

Высота таблицы задается свойством ‘height’ для ‘table’ или элемент inline-table.Значение «авто» означает, что высота равна сумма высот строк плюс любой интервал ячеек или границы. Любой другой значение рассматривается как минимальная высота. CSS 2.1 не определяет, как дополнительное пространство распределяется, когда свойство ‘height’ вызывает таблицу быть выше, чем в противном случае.

Примечание. Будущее обновления CSS могут указывать это дополнительно.

Высота прямоугольника элемента table-row вычисляется после того, как У пользовательского агента есть все ячейки в строке: это максимум вычисленной «высоты» строки, вычисленная «высота» каждого ячейка в строке, и минимальная высота (MIN), необходимая для ячеек.Значение высоты «авто» для table-row означает, что высота строки, используемая для макета, равна MIN. MIN зависит по высоте ячеек и выравниванию ячеек (очень похоже на расчет высоты строчного бокса). CSS 2.1 не определяет, как высота ячеек таблицы и таблицы строки рассчитываются, если их высота указана в процентах ценности. CSS 2.1 не определяет значение слова «высота» для групп строк.

В CSS 2.1 высота поля ячейки — это минимальная высота. требуется по содержанию. Свойство «высота» ячейки таблицы может влиять на высота строки (см. выше), но это не увеличивает высоту сотовый ящик.

CSS 2.1 не определяет, как ячейки, охватывающие более одной строки влияют на вычисления высоты строки, за исключением того, что сумма высот строк задействованный должен быть достаточно большим, чтобы охватить ячейку, охватывающую строки.

«Выравнивание по вертикали» Свойство каждой ячейки таблицы определяет ее выравнивание в строке. У содержимого каждой ячейки есть базовая линия, верх, середина и низ, как делает сам ряд. В контексте таблиц значения для ‘vertical-align’ имеют следующие значения:

исходный

Базовая линия ячейки находится на той же высоте, что и базовая линия первой из перекрываемых строк (см. ниже определение базовых линий ячеек и строк).

верх

Верх ячейки ячейки совмещен с верхом первого ряд пролетов.

низ

Нижняя часть ячейки выровнена с нижней частью последний ряд он охватывает.

средний

Центр ячейки совмещен с центром строк он охватывает.

sub, super, text-top, text-bottom, , <процент>

Эти значения не применяются к ячейкам; ячейка выровнена по вместо базовой линии.

Базовая линия ячейки — это базовая линия первой линейной коробки в потоке в ячейке или первой in-flow table-row в ячейке, в зависимости от того, что наступит раньше. Если нет такой строковый блок или таблица-строка, базовая линия — это нижняя часть края содержимого сотового ящика. В целях поиска базовой линии приточные боксы с механизмами прокрутки (см. свойство «переполнение») должны быть считается, как если бы они были прокручены в исходное положение. Обратите внимание, что базовая линия ячейки может оказаться ниже ее нижней границы, см. пример ниже.

Максимум расстояние между верхом поля ячейки и базовой линией по всей ячейки, у которых есть ‘vertical-align: baseline’, используются для установки базовой линии ряда. Вот пример:

[D]

Диаграмма, показывающая влияние различных значений ‘вертикальное выравнивание’ ячеек таблицы.

Ячейки 1 и 2 выровнены по своим базовым линиям. Ячейка 2 имеет наибольшая высота над базовой линией, поэтому она определяет базовую линию ряда.

Если в строке нет поля ячеек, выровненного по базовой линии, базовая линия эта строка является нижним краем содержимого самой нижней ячейки в строке.

Во избежание неоднозначных ситуаций выравнивание ячеек происходит в в следующем порядке:

1. Сначала ячейки, которые выровнены по своей базовой линии, позиционируется. Это установит базовую линию ряда. Далее ячейки с ‘vertical-align: top’ позиционируются.
2. Теперь строка имеет верхнюю, возможно, базовую и временную высота, которая представляет собой расстояние от верха до самого нижнего края ячейки, расположенные до сих пор. (См. Условия для заполнения ячеек ниже.)
3. Если какие-либо из оставшихся ячеек, выровненные по низу или посередине имеют высоту, превышающую текущую высоту строки, высота строки будет увеличена до максимума эти клетки, опуская дно.
4. Наконец, позиционируются остальные ячейки.

Ячейки, размер которых меньше высоты строки, получают дополнительная верхняя или нижняя обивка.

Ячейка в этом примере имеет базовую линию ниже ее нижней границы:

div {высота: 0; переполнение: скрыто; }

<таблица>
 
  
   
 Тест 
  
 

 

17.5.4 Горизонтальное выравнивание в столбце

Горизонтальное выравнивание встроенного содержимого внутри ячейки box можно указать значением свойство text-align на сотовый.

17.5.5 Динамические эффекты строк и столбцов

Свойство ‘видимость’ принимает значение «свернуть» для строки, группы строк, столбца и столбца группировать элементы. Это значение приводит к тому, что вся строка или столбец удаляется с дисплея, и пространство, обычно занимаемое строкой или столбец, который будет доступен для другого содержимого.Содержание составного строки и столбцы, которые пересекают свернутый столбец или строку, являются обрезанный. Однако подавление строки или столбца не иначе повлияет на раскладку таблицы. Это позволяет создавать динамические эффекты для удаления строк или столбцов таблицы без принудительного изменения макета таблица, чтобы учесть возможное изменение в столбце ограничения.

Есть две разные модели для установки границ ячеек таблицы в CSS. Один из них больше всего подходит для так называемых разделенных границ вокруг отдельных ячеек, другой подходит для границ, продолжающихся от одного конец стола к другому.Многие стили границ могут быть достигнуты с помощью любая модель, поэтому часто вопрос вкуса, какая из них будет использована.

‘граница-коллапс’

Значение:	свернуть | отдельный | наследовать
Начальное:	отдельно
Применимо к:	элементам ‘table’ и ‘inline-table’
Унаследовано:	да
В процентах:	Н / Д
Медиа:	визуальный
Вычисленное значение:	как указано

Это свойство выбирает модель границы таблицы.Значение «отдельный» выбирает модель границы с разделенными границами. Значение «коллапс» выбирает модель сворачивающихся границ. Описание моделей приведено ниже.

17.6.1 Модель с разделенными границами

*) Примечание: пользовательские агенты также могут применять Свойство ‘border-spacing’ для элементов ‘frameset’. Какие элементы элементы ‘frameset’ не определены в этой спецификации и могут язык документа. Например, HTML4 определяет элемент, а XHTML 1.0 определяет элемент.В Таким образом, свойство ‘border-spacing’ в элементе ‘frameset’ может использоваться как допустимая замена нестандартного атрибута ‘framepacing’.

Длины указывают расстояние, разделяющее соседние ячейки границы. Если указана одна длина, она дает и горизонтальное, и вертикальный интервал. Если указаны два, первый дает горизонтальный интервал, а второй интервал по вертикали. Длина не может быть отрицательный.

Расстояние между границей таблицы и границами ячеек на краю стола есть обивка стола с этой стороны, плюс соответствующее расстояние между границами.Например, с правой стороны сбоку, расстояние обивка-правая + по горизонтали границы .

Ширина таблицы — это расстояние от левого внутреннего отступа. край к правому внутреннему краю заполнения (включая интервал границы, но исключая отступы и границу).

Однако в HTML и XHTML1 ширина

Примечание: В CSS3 это своеобразное требование будут определены в терминах правил таблиц стилей UA и «размера блока» имущество.

В этой модели каждая ячейка имеет индивидуальную границу. Свойство ‘border-spacing’ определяет расстояние между границами соседних ячеек. В этом пробел, фон строки, столбца, группы строк и группы столбцов невидим, позволяя просвечивать фон стола. Ряды, столбцы, группы строк и группы столбцов не могут иметь границ (т. е. пользовательские агенты должны игнорировать свойства границы для эти элементы).

Примеры:

Таблица на рисунке ниже может быть результатом таблицы стилей. нравится:

таблица {border: outset 10pt;
             граница-коллапс: раздельный;
             border-spacing: 15pt}
td {border: inset 5pt}
тд.special {border: inset 10pt} / * Левая верхняя ячейка * /
 

[D]

Таблица с параметром «border-spacing», равным значение длины. Обратите внимание, что каждая ячейка имеет свою границу, а таблица также имеет отдельную границу.

17.6.1.1 Границы и фон вокруг пустых ячеек: свойство ’empty-cells’

пустые ячейки

В модели с разделенными границами это свойство управляет рендеринг границ и фона вокруг ячеек, которые не видны содержание.Пустые ячейки и ячейки со свойством видимости, установленным на «скрытые» считаются не имеющими видимого содержимого. Ячейки пусты, если они не содержат одно или несколько из следующего:

• плавающее содержимое (включая пустые элементы),
• текущее содержимое (включая пустые элементы), кроме пробелов это было свернуто обработкой свойства ‘white-space’.

Если это свойство имеет значение «показать», границы и фон рисуются вокруг / позади пустых ячеек (как нормальные ячейки).

Значение «скрыть» означает, что границы или фон не отображаются. вокруг / за пустыми ячейками (см. пункт 6 в 17.5.1). Кроме того, если все ячейки в строка имеет значение «скрыть» и не имеет видимого содержимого, тогда строка имеет нулевую высоту и есть вертикальные границы только с одной стороны ряда.

Примеры:

Следующее правило заставляет рисовать границы и фон вокруг всех ячеек:

таблица {empty-cells: show}
 

17.6.2 Модель сворачивающейся границы

В модели сворачивающейся границы можно указать границы которые окружают всю или часть ячейки, строки, группы строк, столбца и группа столбцов. Можно указать границы для атрибута «rules» HTML. Сюда.

Границы центрируются по линиям сетки между ячейками. Пользователь агенты должны найти последовательное правило округления в случае нечетное количество дискретных единиц (пикселей экрана, точек принтера).

На схеме ниже показано, как ширина стола, ширина границы, отступы и ширина ячейки взаимодействуют.Их отношение дается следующим уравнением, которое выполняется для каждой строки стол:

ширина строки = (0,5 * ширина границы ₀ ) + отступ слева ₁ + ширина ₁ + обивка правая ₁ + ширина границы ₁ + обивка слева ₂ + … + обивка правая _n + (0,5 * ширина границы _n )

Здесь n — количество ячеек в строке, отступ слева _i и обивка справа _i см. Слева (соотв., справа) заполнение ячейки и , и border-width _i относится к границе между ячейками i и i + 1.

UA должны вычислить начальную ширину левой и правой границы для таблицу, исследуя первую и последнюю ячейки в первой строке стол. Ширина левой границы таблицы составляет половину ширины первой ячейки. свернутая левая граница, а ширина правой границы таблицы составляет половину свернутой правой границы последней ячейки.Если в последующих строках большие схлопывались левая и правая границы, тогда любой излишек выливается в область полей таблицы.

Ширина верхней границы таблицы вычисляется путем проверки всех ячейки, которые сворачивают свои верхние границы с верхней границей таблицы. Ширина верхней границы таблицы равна половине максимальной рухнула верхняя граница. Ширина нижней границы вычисляется путем изучения все ячейки, нижние границы которых сужаются с нижней частью таблицы. Ширина нижней границы равна половине максимальной свернутой нижняя граница.

Любые границы, выходящие за пределы поля, принимаются во внимание при определение того, переполняется ли таблица каким-либо предком (см. «переполнение»).

[D]

Схема, показывающая ширину ячеек и границ и заполнение ячеек.

Обратите внимание, что в этой модели ширина стола включает половину граница стола. Также в этой модели у таблицы нет заполнения (но есть поля).

CSS 2.1 не определяет, где край фона на элемент таблицы лежит.

17.6.2.1 Разрешение конфликтов границ

В модели сворачивающейся границы границы на каждом краю каждой ячейки могут быть указаны с помощью свойств границы для различных элементов, которые встречаются на этом краю (ячейки, строки, группы строк, столбцы, группы столбцов, и сама таблица), и эти границы могут различаться по ширине, стилю и цвет. Практическое правило гласит, что на каждом краю наиболее «бросается в глаза» выбран стиль границы, за исключением того, что любое вхождение стиля ‘hidden’ безоговорочно отключает границу.

Следующие правила определяют, какой стиль границы «выигрывает» в случае конфликт:

1. Границы со «стилем границы» для «скрытых» дублей приоритет над всеми другими конфликтующими границами. Любая граница с этим value подавляет все границы в этом месте.
2. Границы со стилем «нет» имеют самый низкий приоритет. Только если граничные свойства всех элементов, встречающихся на этом краю, равны ‘none’ — граница будет опущена (но учтите, что ‘none’ — это значение по умолчанию для стиля границы.)
3. Если ни один из стилей не является «скрытым» и хотя бы один из них не «нет», тогда узкие границы отбрасываются в пользу более широких единицы. Если несколько имеют одинаковую ширину границы, тогда стили предпочтительнее в следующем порядке: «двойной», «сплошной», «пунктирный», «пунктирный», «гребень», «начало», «бороздка» и самый нижний: «врезка».
4. Если стили границ различаются только цветом, то стиль, установленный на ячейка побеждает одну в строке, которая побеждает группу строк, столбец, группа столбцов и, наконец, таблица.Когда два элемента одного типа конфликт, затем тот, что левее (если таблица ‘direction’ — ‘ltr’; правильно, если это ‘rtl’) и далее наверх побеждает.

Примеры:

Следующий пример иллюстрирует применение этих правила приоритета. Эта таблица стилей:

таблица {граница-коллапс: коллапс;
                 граница: сплошной желтый цвет 5 пикселей; }
* # col1 {border: 3px сплошной черный; }
td {border: 1px сплошной красный; заполнение: 1em; }
тд.cell5 {граница: 5 пикселей пунктирная синяя; }
td.cell6 {border: 5px сплошной зеленый; }
 

с этим источником HTML:

<ТАБЛИЦА>
  

     1
     2
     3


     4
     5
     6


     7
     8
     9


     10
     11
     12


     13
     14
     15


 

выдаст что-то вроде этого:

[D]

Пример таблицы со свернутыми границами.

Пример (ы):

Вот пример скрытых схлопывающихся границ:

[D]

Стол с двумя пропущенными внутренними границами.

Источник HTML:

<ТАБЛИЦА>
  foo 
     бар  
  foo 
     бар  

 

17.6.3 Стили границ

Некоторые значения стиля границы имеют значения в таблицах отличаются от значений других элементов.В списке ниже они отмечены звездочкой.

нет

Нет граница.

* скрыто

То же, что «нет», но в модели сжимающейся границы также запрещает любую другую границу (см. раздел о конфликтах границ).

пунктирная

Граница представляет собой серию точек.

штриховой

Граница представляет собой серию коротких отрезков линии.

цельный

Граница представляет собой одинарный отрезок линии.

двойной

Граница — две сплошные линии. Сумма двух строк и расстояние между ними равно значению ширины границы.

паз

Граница выглядит так, как будто она вырезана на холсте.

гребень

Противоположность «бороздке»: граница выглядит так, как если бы она была выходит из холста.

* вставка

В разделенных границах модели, граница заставляет весь блок выглядеть так, как если бы он встроен в холст. В модели сворачивающейся границы, нарисованной так же, как ‘гребень’.

* начальный

В разделенных границах модели, граница заставляет весь блок выглядеть так, как если бы он выходит из холста. В модели сворачивающейся границы, нарисованной так же, как ‘канавка’.

Компоненты таблицы свойств — MATLAB и Simulink

Компоненты таблицы свойств

О компонентах таблицы свойств

Компоненты таблицы свойств отображают пары имя свойства / значение свойства для объектов в таблицы.В следующем примере показана таблица свойств из figloop-tutorial report.

Доступны многие типы компонентов таблицы свойств, в том числе:

Компонент, используемый в этом примере, представляет MATLAB Компоненты таблицы свойств генератора отчетов, все из которых демонстрируют аналогичное поведение.

Откройте пример шаблона отчета

В этом примере используется шаблон отчета figloop-tutorial . Чтобы открыть шаблон учебного отчета цикла рисунка, в командной строке MATLAB введите:

Изучите выходные данные таблицы свойств

Страницы свойств для всех компонентов таблицы свойств подобны по форме.В общих чертах выберите компонент Figure Prop Table . Чтобы изменить настройки таблицы, в диалоговом окне Таблица свойств ^® Обработать графику нажмите кнопку Изменить … кнопка.

Выбор типов объектов

Компоненты таблицы свойств предлагают несколько типов объектов, на которых можно отчет. Например, таблица свойств Handle Graphics позволяет создавать отчеты по фигуре, объекту оси или объекту Handle Graphics.

Вы можете выбрать другой тип объекта для отчета в Object введите список на панели свойств компонента.

Отображение пар имени свойства / значения свойства

Разделение ячеек свойства / значения

1. На панели «Свойства» для компонента «Обработка таблицы свойств графики» снимите флажок « Разделить свойство / значение» Ячейки флажок.

2. Нажмите Изменить . Таблица теперь в неразбитых режим . Режим без разделения поддерживает более одного имени свойства / значения свойства пара на ячейку и текст.

3. Чтобы имя свойства и значение свойства отображались в соседних горизонтальных ячейках в в таблице установите флажок Разделить ячейки свойств / значений .В таблица теперь в режиме разделения . Режим разделения поддерживает только одно свойство пара имя / значение свойства на ячейку. Если в ячейке отображается более одной пары свойств, в отчете появляется только первая пара; все последующие пары игнорируются.

Параметры отображения

Пары «имя свойства / значение свойства» могут отображаться в ячейках несколькими способами. Чтобы указать, как заданная пара имени свойства / значения свойства отображается в ячейке, выберите это поле в table (в этом руководстве выберите свойство Name ).Выбирать Значение из раскрывающегося списка параметров отображения внизу диалогового окна. В выбранной строке таблицы отображается только значение.

Параметры формата

Чтобы указать выравнивание текста в данной ячейке, на панели инструментов в нижней части диалоговое окно используйте четыре кнопки выравнивания.

Выберите строку таблицы HandleVisibility . Затем выберите кнопка двойного выравнивания (последняя кнопка справа).

Редактировать заголовки таблиц

Заголовки таблиц могут содержать свойства и текст. По умолчанию заголовком таблицы является то же, что и значение свойства % . Вы можете изменить это свойство, чтобы изменить заголовок таблицы.

Примечание

Заголовки таблиц всегда не разделены.

Ввод текста в ячейки таблицы

Чтобы текст был видимым, таблица должна быть в режиме без разделения. Прозрачный Split Ячейки свойств / значений .

Чтобы ввести текст в ячейку таблицы HandleVisibility , дважды щелкните сотовый. Появится серая рамка с меткой для свойства ячейки.

Если вы вводите текст вне угловых скобок, текст в отчете отображается как есть. Текст внутри угловых скобок должно быть указано допустимое имя свойства. Если вы введете недействительный имя свойства, имя свойства отображается в отчете без значения свойства.

Добавление, замена и удаление свойств в таблицах

Добавление свойств таблицы

Чтобы добавить свойство «Обработка графики» в таблицу, выполните следующие действия.

1. В окне Таблица свойств фигуры выберите строку таблицы, над которой вы хотите добавить новая недвижимость.

2. Нажмите кнопку «Добавить строку над текущей ячейкой»

   Над текущей строкой появится новая строка.

3. Добавьте свойство в новую строку таблицы.

   1. Выберите новую строку таблицы.

   2. В раскрывающемся списке Тип свойств в правом верхнем углу диалогового окна выберите тип недвижимости.

   3. В списке Свойства выберите свойство, которое вы хочу добавить.

   4. Нажмите кнопку << Добавить или дважды нажмите кнопку Имя свойства. Свойство появится в строке таблицы.

   В качестве альтернативы, если вы знаете имя свойства, которое хотите добавить, введите имя свойства прямо в ячейку, как описано в разделе «Ввод текста в ячейки таблицы». Для Информацию о добавлении новых строк таблицы см. в разделе Добавление и удаление столбцов и строк.

Заменить свойства таблицы

Чтобы заменить свойство в ячейке таблицы в режиме разделения, следуйте инструкциям в Добавление свойств таблицы.

Примечание

Эти шаги нельзя использовать для удаления свойства в ячейке, когда таблица находится в неразделенный режим.

Удалить свойства таблицы

Удалите свойство, вернув его назад или используя Удалить ключ.

Форматирование столбцов, строк и ячеек таблицы

Добавление и удаление столбцов и строк

Чтобы добавить или удалить столбец или строку, выберите ячейку и нажмите одну из кнопок описано в следующей таблице.

Примечание

Невозможно удалить строку или столбец, если это единственная строка или столбец в стол.

Изменить размер столбцов

Чтобы изменить ширину столбца, щелкните и перетащите его вертикальные границы по мере необходимости.

Объединить и разделить ячейки

Чтобы объединить или разделить ячейки таблицы, выберите строку и нажмите одну из кнопок описано в следующей таблице.

Отобразить или скрыть границы ячеек 9

1. Поместите курсор в ячейку и щелкните правой кнопкой мыши, чтобы вызвать ее контекстное меню.

2. Выберите Границы ячеек > Сверху , Снизу , Справа , или Влево , чтобы включить или выключить указанную границу.

Масштабирование и прокрутка

Вы можете увеличивать и уменьшать масштаб таблицы с помощью кнопок масштабирования, которые расположены на слева от горизонтальной полосы прокрутки.

С помощью полос прокрутки таблицы можно выполнять вертикальную и горизонтальную прокрутку.

Выберите таблицу

Чтобы отобразить пары имя свойства / значение свойства, вы можете выбрать предварительно заданную таблицу или использовать нестандартная таблица.

• Таблица предустановок встроена и отформатирована. Вы можете выбрать предустановленную таблицу в Список выбора таблицы предустановок в верхнем левом углу окна Figure Prop Table. Применять таблицу предустановок, выберите таблицу и нажмите Применить .

• Чтобы создать настраиваемую таблицу, выберите предустановленную таблицу и измените ее в соответствии с вашими потребностями. добавление и / или удаление строк и свойств.Вы можете начать с Blank 4×4 Таблица предустановок.

  Примечание

  Вы не можете сохранить настраиваемую таблицу как предварительно заданную. Если вы так сделаете, вы потеряете все изменения в настраиваемой таблице.

display — CSS: каскадные таблицы стилей

Свойство CSS display задает, обрабатывается ли элемент как блок или встроенный элемент, а также макет, используемый для его дочерних элементов, например потоковый макет, сетка или гибкий.

Формально свойство display устанавливает внутренний и внешний типы отображения элемента. Внешний тип устанавливает участие элемента в компоновке потока; внутренний тип устанавливает расположение детей. Некоторые значения display полностью определены в их собственных индивидуальных спецификациях; например, подробности того, что происходит при объявлении display: flex , определено в спецификации CSS Flexible Box Model. См. Таблицу в конце этого документа для получения всех индивидуальных характеристик.

Свойство отображения CSS задается с использованием значений ключевых слов.

 
дисплей: блок;
дисплей: встроенный;
дисплей: встроенный блок;
дисплей: гибкий;
дисплей: встроенный гибкий;
дисплей: сетка;
дисплей: встроенная сетка;
дисплей: поток-корень;


дисплей: нет;
дисплей: содержимое;


отображение: блокировка потока;
дисплей: встроенный поток;
дисплей: встроенный поток-корень;
дисплей: блок гибкий;
дисплей: встроенный гибкий;
отображение: блочная сетка;
отображение: встроенная сетка;
отображение: блокировать поток-корень;


дисплей: таблица;
дисплей: таблица-строка;
отображение: элемент списка;


дисплей: наследовать;
дисплей: начальный;
дисплей: вернуться;
дисплей: не настроен;
  

Значения ключевых слов можно сгруппировать в шесть категорий значений.

снаружи

Эти ключевые слова определяют внешний тип отображения элемента, который, по сути, является его ролью в потоковой компоновке.

Действительный значений:

блок

Элемент генерирует блок блочного элемента, порождая разрывы строк как до, так и после элемента в нормальном потоке.

рядный

Элемент генерирует одно или несколько встроенных блоков элементов, которые не создают разрывы строк до или после себя.В нормальном потоке следующий элемент будет на той же строке, если есть пробел

Примечание. Браузеры, поддерживающие синтаксис двух значений, при нахождении только внешнего значения, например, когда указано display: block или display: inline , установят внутреннее значение на flow . Это приведет к ожидаемому поведению; например, если вы укажете элемент, который будет блокироваться, вы ожидаете, что дочерние элементы этого элемента будут участвовать в блочном и встроенном нормальном потоковом макете.

Внутри

Эти ключевые слова определяют тип внутреннего отображения элемента, который определяет тип контекста форматирования, в котором размещается его содержимое (при условии, что это незамещенный элемент).

Действительный значений:

расход

Элемент размещает свое содержимое с использованием потоковой компоновки (блочная компоновка).

Если его внешний тип отображения - inline или run-in , и он участвует в блочном или встроенном контексте форматирования, то он генерирует встроенный блок. В противном случае он генерирует блок-контейнер.

В зависимости от значения других свойств (таких как позиция , float или overflow ) и от того, участвует ли он сам в блочном или встроенном контексте форматирования, он либо устанавливает новый контекст форматирования блока (BFC) для его содержимое или интегрирует его содержимое в родительский контекст форматирования.

корень потока

Элемент генерирует блок блочного элемента, который устанавливает новый контекст форматирования блока, определяя, где находится корень форматирования.

стол

Эти элементы ведут себя как элементы HTML

. Он определяет блок уровня блока.

гибкий

Элемент ведет себя как блочный элемент и размещает его содержимое в соответствии с моделью Flexbox.

сетка

Элемент ведет себя как блочный элемент и размещает его содержимое в соответствии с сеточной моделью.

рубин

Элемент ведет себя как встроенный элемент и размещает свое содержимое в соответствии с моделью форматирования Ruby. Он ведет себя как соответствующие элементы HTML .

Примечание. Браузеры, поддерживающие синтаксис двух значений, при нахождении только внутреннего значения, например, когда указано display: flex или display: grid , установят свое внешнее значение на block .Это приведет к ожидаемому поведению; например, если вы укажете элемент как display: grid , можно ожидать, что блок, созданный в контейнере сетки, будет блоком уровня блока.

Элемент списка

Элемент создает блок-блок для содержимого и отдельный встроенный блок для элемента списка.

Одно значение list-item заставит элемент вести себя как элемент списка.Его можно использовать вместе с list-style-type и list-style-position .

элемент списка также можно комбинировать с любым ключевым словом и ключевыми словами flow или flow-root .

Примечание: В браузерах, поддерживающих двухзначный синтаксис, если внутреннее значение не указано, по умолчанию будет поток . Если внешнее значение не указано, у основного блока будет внешний тип отображения , блок .

Внутренний

<внутренний-дисплей>

Некоторые модели макетов, такие как table и ruby ​​, имеют сложную внутреннюю структуру с несколькими различными ролями, которые могут выполнять их дочерние и потомки. В этом разделе определяются те «внутренние» отображаемые значения, которые имеют значение только в этом конкретном режиме макета.

Действительный значений:

таблица-строка-группа

Эти элементы ведут себя как

HTML-элементы.

таблица-заголовок-группа

Эти элементы ведут себя как

HTML-элементы.

нижний колонтитул группы

Эти элементы ведут себя как

HTML-элементы.

стол-ряд

Эти элементы ведут себя как

HTML-элементы.

таблица-ячейка

Эти элементы ведут себя как

HTML-элементы.

таблица-столбец

Эти элементы ведут себя как

HTML-элементы.

заголовок таблицы

Эти элементы ведут себя как

HTML-элементы.

рубиновая основа

Эти элементы ведут себя как элементы HTML.

рубиновый текст

Эти элементы ведут себя как HTML-элементы.

рубиновый базовый контейнер

Эти элементы ведут себя как HTML-элементы, созданные как анонимные блоки.

рубиновый текст-контейнер

Эти элементы ведут себя как HTML-элементы.

Box

Эти значения определяют, генерирует ли элемент вообще поля отображения.

Действительный значений:

содержимое

Эти элементы сами по себе не создают конкретную коробку. Их заменяют их псевдобоксы и их дочерние блоки. Обратите внимание, что спецификация CSS Display Level 3 определяет, как значение content должно влиять на «необычные элементы» - элементы, которые не отображаются исключительно с помощью концепций блока CSS, таких как замененные элементы. См. Приложение B: Эффекты отображения: содержание необычных элементов для более подробной информации.

Из-за ошибки в браузерах этот элемент в настоящее время удаляется из дерева специальных возможностей - программы чтения с экрана не будут смотреть на то, что находится внутри. Более подробную информацию см. В разделе «Проблемы доступности» ниже.

нет

Отключает отображение элемента, чтобы оно не влияло на макет (документ отображается так, как будто этот элемент не существует). У всех дочерних элементов также отключено отображение.Чтобы элемент занимал место, которое он обычно занимает, но без фактического рендеринга чего-либо, используйте вместо этого свойство visibility .

Наследие

CSS 2 использовал синтаксис с одним ключевым словом для свойства display , требуя отдельных ключевых слов для блочного и встроенного вариантов одного и того же режима макета.

Действительный значений:

встроенный блок

Элемент генерирует блок блочного элемента, который будет объединен с окружающим содержимым, как если бы он был одним встроенным блоком (ведет себя так же, как замененный элемент).

Это эквивалент встроенного корневого потока .

встроенный стол

Значение встроенной таблицы не имеет прямого отображения в HTML. Он ведет себя как элемент HTML

, но как встроенный блок, а не как блок уровня блока. Внутри поля таблицы находится контекст уровня блока.

Это эквивалент встроенной таблицы .

рядный гибкий

Элемент ведет себя как встроенный элемент и размещает свое содержимое в соответствии с моделью Flexbox.

Это эквивалент inline flex .

встроенная сетка

Элемент ведет себя как встроенный элемент и размещает свое содержимое в соответствии с сеточной моделью.

Это эквивалент встроенной сетки .

Какой синтаксис вам следует использовать сейчас?

В спецификации уровня 3 подробно описаны два значения для свойства display , что позволяет явно указать внешний и внутренний тип отображения, но это еще не поддерживается браузерами.

Методы позволяют получить те же результаты с одиночными значениями ключевого слова и должны быть одобрены разработчиками до тех пор, пока два значения ключевого слова не будут лучше поддерживаться. Например, используя два значения, вы можете указать встроенный гибкий контейнер следующим образом:

  .container {
  дисплей: встроенный гибкий;
}
  

В настоящее время это можно указать с помощью одного значения.

  .container {
  дисплей: встроенный гибкий;
}
  

Дополнительные сведения об этих изменениях в спецификации см. В статье «Адаптация к новому двухзначному синтаксису отображения».

Глобальный

 
дисплей: наследовать;
дисплей: начальный;
дисплей: не настроен;
  

На отдельных страницах для различных типов значений, которые может отображать , есть несколько примеров этих значений в действии — см. Раздел «Синтаксис». Кроме того, см. Следующий материал, в котором подробно рассматриваются различные значения отображения.

CSS Flow Layout (display: block, display: inline)

display: flex

display: grid

display: none

Использование display значение none для элемента удалит его из дерева доступности .Это приведет к тому, что элемент и все его дочерние элементы больше не будут объявляться технологией чтения с экрана.

Если вы хотите визуально скрыть элемент, более доступной альтернативой является использование комбинации свойств, позволяющих визуально убрать его с экрана, но сохранить возможность его анализа с помощью вспомогательных технологий, таких как программы чтения с экрана.

display: contents

Текущие реализации в большинстве браузеров удаляют из дерева доступности любой элемент со значением display , равным content (но потомки останутся).Это приведет к тому, что сам элемент больше не будет объявляться технологией чтения с экрана. Это неправильное поведение согласно спецификации CSS.

Таблицы

Изменение значения display элемента

на block , grid или flex изменит его представление в дереве доступности. Это приведет к тому, что таблица больше не будет правильно объявляться технологией чтения с экрана.

Начальное значение	inline
Применяется к	всем элементам
Унаследовано	нет
Вычисленное значение	, ​​кроме заданного значения и заданного значения корневой элемент.В обоих случаях вычисленное значение может быть ключевым словом, отличным от указанного.
Тип анимации	Не анимируется

Сравнение отображаемых значений

В этом примере у нас есть два контейнерных элемента уровня блока, каждый из которых имеет три встроенных дочерних элемента. Ниже у нас есть меню выбора, которое позволяет вам применять различные значения display к контейнерам, позволяя вам сравнивать и сравнивать, как разные значения влияют на макет элемента и его дочерних элементов.

Мы включили padding и background-color в контейнеры и их дочерние элементы, чтобы было легче увидеть эффект, который оказывают отображаемые значения.

Примечание: Мы не включили современный двухзначный синтаксис, так как его поддержка все еще довольно ограничена.

HTML

  <статья>
   Первый 
   Второй 
   Третий 


<статья>
   Первый 
   Второй 
   Третий 



   Выберите отображаемое значение: 
  <выбор>
    <выбранная опция> заблокировать 
     встроенный 
     встроенный блок 
     нет 
     гибкий 
     встроенный гибкий 
     сетка 
     встроенная сетка 
     таблица 
     элемент списка 
  

  

CSS

  html {
  семейство шрифтов: helvetica, arial, sans-serif;
  межбуквенный интервал: 1 пиксель;
  padding-top: 10 пикселей;
}

статья {
  цвет фона: красный;
}

article span {
  цвет фона: черный;
  цвет белый;
  маржа: 1px;
}

article, span {
  отступ: 10 пикселей;
  радиус границы: 7 пикселей;
}

article, div {
  маржа: 20 пикселей;
}
  

JavaScript

  const статьи = документ.			
					
		
		

	Опубликовано в Разное 26 марта 1977 		

	    Комментариев нет »        	

	
		
            	

			
	

		Отменить ответ
	

	

		
Добавить комментарий Отменить ответ
Ваш адрес email не будет опубликован. Обязательные поля помечены *
Комментарий
Можно использовать следующие HTML-теги и атрибуты:  
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> 
Имя * 
Email * 
Сайт 
  
 Поиск по сайту
  Поиск по сайту   Поиск
Рубрики
Без рубрики
Воспитание
Дети
Общение
Права
Разное
Родитель
Советы
  

HTML-элементы. таблица-столбец-группа Эти элементы ведут себя как