Содержание

Страница не найдена (ошибка 404)

PHP

  • array_unique для многомерных массивов
  • Contenteditable – текстовый редактор
  • CURL — если сервер отдает редирект
  • date() – форматирование даты PHP
  • PHP parse_url и её обратная функция
  • PHP класс для отправки E-mail
  • PHP класс для хлебных крошек
  • PHP массив в файл CSV
  • PHP паттерн Registry
  • PHP транслит
  • PHP функции для checked и selected
  • PHP функция serialize, возможные проблемы
  • PHP-класс для создания миниатюр изображений
  • PHP-класс обертка для PDO
  • POST-запрос через file_get_content()
  • RSS канал на PHP
  • RSS-файл для Яндекс Турбо-страниц
  • WebP вместо изображений в браузерах где он поддерживается
  • Whois, как получить данные IP-адреса и домена в PHP
  • XML для Яндекс. Недвижимости на PHP
  • XML-файл объявлений для Авито
  • ZIP в PHP (ZipArchive)
  • Автозагрузка классов
  • Автоматическая установка временной зоны у пользователя
  • Автоматический контраст цвета шрифта к фону на PHP
  • Автоматическое заполнение поля «город» в форме по IP адресу
  • Автоматическое оглавление для статьи
  • Автоматическое сжатие и оптимизация картинок на сайте
  • Авторизация на сайте через Facebook
  • Авторизация на сайте через Яндекс
  • Авторизация через GitHub
  • Алфавитный указатель на PHP
  • Бот Телеграм на PHP
  • Время жизни сессии в PHP
  • Время и память выполнения скрипта PHP
  • Вставить баннер в центр статьи
  • Вставка и добавление в текст регулярными выражениями
  • Вход на сайт через Вконтакте
  • Вход через Google
  • Вывести массив в виде PHP кода
  • Вывод HTML-таблицы с функцией сортировки на PHP + MySQL
  • Вывод PHP-массива колонками
  • Вывод даты с русскими месяцами
  • Вывод списка по алфавиту
  • Выпадающий список с файлами на хостинге
  • Вычисление процентов в PHP
  • Генерация QR-кода в PHP
  • Генерация XML файла для Google Merchant
  • Генерация YML файл Яндекс Маркета на PHP
  • Генерация всех комбинаций из набора символов
  • Генерация паролей в PHP
  • Генерация превьюшек изображений на лету
  • Генерация случайных буквенно-цифровых кодов в PHP
  • Генерация счета на оплату PDF PHP
  • Генерация токенов в PHP
  • Дополнительные функции mb_string
  • Загрузка изображений с превью AJAX + PHP + MySQL
  • Загрузка файлов на сервер PHP
  • Загрузка файлов через AJAX с помощью jQuery Form Plugin
  • Замена кавычек на «ёлочки» в PHP
  • Замена раскладки на PHP
  • Замена регистра в строках PHP
  • Замена символов по регулярному выражению
  • Запись в лог-файл в PHP
  • Запись и чтение файлов в PHP
  • Заполненные PHP-массивы для дат
  • Защита от нелегального зеркала сайта
  • Извлечение данных с помощью регулярных выражений PHP
  • Изображения WebP в GD PHP
  • Интеграция с платежной системой PayKeeper в PHP
  • Исключения PHP (Try и Catch)
  • Использование API Геокодера в PHP для получения координат
  • Использование API Яндекс Диска на PHP
  • Использование циклов в PHP
  • Как включить вывод символов эмодзи на сайте
  • Как вывести PHP массив
  • Как вывести метки на Яндекс. Картах из MySQL+PHP
  • Как выделить фразы в тексте
  • Как добавить UTM-метки в заявки с сайта
  • Как дописать стили в атрибут style тегов HTML через PHP
  • Как интегрировать ReCAPTCHA на сайт
  • Как найти новые координаты точки при повороте изображения PHP-функцией imagerotate()
  • Как найти одинаковые файлы с разными именами в PHP
  • Как настроить Last-Modified
  • Как получить IP посетителя в PHP
  • Как получить все дни между датами в PHP
  • Как получить текущий URL в PHP?
  • Как преобразовать текст из textarea в параграфы HTML
  • Как прочитать SSL сертификат из PHP
  • Как сделать редирект PHP
  • Как сформировать большой файл для маркета
  • Как узнать, что пришел запрос через AJAX
  • Календарь на PHP
  • Кнопка «Показать еще»
  • Конвертация байтов в килобайты и мегабайты
  • Кэширование контента в файлы PHP
  • Мануал по созданию и форматированию excel файлов в PHPExcel
  • Массив $_FILES
  • Массив $_SERVER
  • Метрика API
  • Многоуровневый select из базы данных
  • Обзор PHP расширений для чтения файлов Excel
  • Обновление таблицы БД из XML файлов
  • Обработка и вывод рейтинга в PHP
  • Обработка изображений в PHP
  • Обрезка текста для анонса
  • Округление чисел в PHP
  • Операции с датами и временем Unixtime в PHP
  • Оплата заказов на сайте через Робокассу
  • Определение местоположения посетителя по IP-адресу в PHP
  • Определение мобильного устройства в PHP
  • Определение основного цвета изображения в PHP
  • Определение поисковых роботов
  • Отдача файлов на скачивание PHP
  • Отключить кэширование PHP
  • Отправка sms через «SMS Aero» в PHP
  • Отправка и прием данных 1C на PHP-сайте
  • Отправка писем через PHPMailer
  • Отправка писем через SMTP в PHPMailer
  • Отправка письма с вложением
  • Отправка сообщения с изображением в Twitter через PHP
  • Отправка формы через PHP CURL
  • Отслеживание окончания доменов и SSL-сертификатов
  • Очистка данных из форм в PHP
  • Перекодировка текста UTF-8 и WINDOWS-1251
  • Переносы строк и тег BR в PHP
  • Платежи на сайте через IntellectMoney PHP
  • Поворот изображения по двум точкам на PHP GD + jQuery UI Droppable
  • Подгрузка контента при прокрутке (бесконечная лента)
  • Подключение к платежной системе Сбербанка
  • Поиск ближайших объектов в БД по координатам
  • Поиск на сайте внешних ссылок и их анкоров
  • Поиск похожих текстов в базе данных MySQL + PHP
  • Поиск телефона в базе данных MySQL
  • Поиск файлов в PHP
  • Поле для выбора количества товаров
  • Получение котировок PHP
  • Получить DNS записи домена в PHP
  • Получить GET-параметр из URL
  • Получить фото из Instagram без API
  • Постраничный вывод и базы данных
  • Постраничный вывод массива
  • Прайс-лист для Яндекс карт и справочника
  • Преобразование CSV в XLSX на PHP
  • Преобразование punycode в PHP
  • Преобразование изображения в Base64 на PHP
  • Преобразование строк в массив PHP
  • Преобразование цветов в PHP
  • Прием платежей на сайте через интернет-эквайринг Тинькофф
  • Прием платежей на сайте через Юкассу
  • Пример парсинга html-страницы на phpQuery
  • Примеры использования cURL в PHP
  • Примеры использования PDO MySQL
  • Проблема PHP DOMDocument – русские буквы заменяются на мнемоники
  • Проверка данных регулярными выражениями
  • Публикация записей на стену сообщества VK
  • Публикация на страницу Facebook через PHP
  • Работа с API Instagram
  • Работа с FTP в PHP
  • Работа с JSON в PHP
  • Работа с MIME-типами в PHP
  • Работа с директориями в PHP
  • Работа с именами файлов в PHP
  • Работа с массивами PHP – создание, наполнение, удаление
  • Работа с ценами PHP
  • Работа с числами в PHP
  • Работа со строками в PHP
  • Размер файлов и директорий в PHP
  • Раскрывающийся многоуровневый список
  • Расчёт прибыльности за одну единицу товара
  • Расчёт средней закупочной или продажной цены
  • Регулярные выражения для замены на теги
  • Регулярные выражения для удаления тегов
  • Рисование точки в PHP GD
  • Секунды в минуты, часы, дни
  • Склонение слов после числительных в PHP
  • Создание товарной накладной в PHPExcel
  • Сортировка массива по количеству символов
  • Сортировка массивов
  • Сохранить все изображения со страницы сайта
  • Сохранить файл в UTF-8 без BOM
  • Сумма прописью PHP
  • Счетчик просмотров страниц с графиком
  • Транслитерация по ГОСТ
  • Удаление регулярными выражениями в PHP
  • Управление выводом ошибок PHP
  • Установка лимитов PHP на обработку данных из форм
  • Установка локали UTF-8 в PHP
  • Фильтрация IP-адресов
  • Форматирование телефонных номеров
  • Формирование файла sitemap. xml
  • Хеширование строк в PHP
  • Чтение Google таблиц в PHP
  • Чтение XML файла Яндекс Маркета в PHP
  • Чтение почты через IMAP в PHP
  • Шаблонизатор Smarty
  • Шорткоды на регулярных выражениях
  • Яндекс.Доставка работа с API в PHP

HTML/CSS

  • Clearfix – отмена действия float
  • CSS @media для мобильных, планшетов и настольных компьютеров
  • CSS display table
  • CSS стили выделенного текста
  • CSS стили для placeholder
  • CSS фильтры
  • CSS-стили для списков dl, dt, dd
  • Favicon
  • Input type number
  • Manifest. json
  • Open Graph
  • Schema.org – пример разметки блога
  • Schema.org – пример разметки статьи
  • Select option с ссылками
  • SVG спрайты
  • Адаптивное выравнивание изображений на всю ширину браузера
  • Адаптивные блоки YouTube
  • Адаптивные плееры Youtube на десктопах и мобильных
  • Блоки со стрелками (часть 1)
  • Блоки со стрелками (часть 2)
  • Блокировка многократной отправки формы
  • Буквица CSS
  • Ведущие нули у ol
  • Верстка блока контактов с картой
  • Верстка рейтинга в виде звезд
  • Верстка списка с отточием
  • Вертикальное выравнивание в блоке (Flexbox)
  • Вертикальное выравнивание текста в блоке (child-helper)
  • Видео c YouTube в качестве фона сайта
  • Восстановление стилей текста после CSS reset
  • Выборка элементов в группе по псевдоклассам CSS
  • Выравнивание блока по центру родителя
  • Выравнивание блоков на всю ширину (justify)
  • Горизонтальное меню
  • Горизонтальное меню justify
  • Готовые CSS стили для таблиц
  • Добавление CSS стилей на страницу
  • Заголовок с горизонтальной линией посередине
  • Затемнение изображения и фона с помощью CSS
  • Изменение CSS-градиента в зависимости от положения курсора
  • Изменение размеров textarea и других элементов
  • Изменение цвета Яндекс карт
  • Информирование о использовании Сookie
  • Как вместить большие таблицы на страницы сайта
  • Как вывести штрих-код на сайте
  • Как загрузить содержимое файла в textarea
  • Как запретить выделение текста на сайте через CSS
  • Как ограничить ввод данных в текстовое поле
  • Как отключить автозаполнение сохранённого логина и пароля в форме
  • Как отключить тег br
  • Как сделать интерактивную схему на SVG + jQuery
  • Как сделать кривые границы блоков в CSS
  • Как сделать несколько фонов в background
  • Как сделать полосатую таблицу на HTML, CSS, JS, PHP
  • Как скрыть лишний текст в блоке
  • Колоночные шаблоны
  • Кривое подчёркивание ссылок в Google Chrome
  • Курсоры в CSS
  • Ленточки и флажки для блоков на HTML/CSS
  • Мета-тег viewport
  • Мета-теги HTML для Apple Safari
  • Мета-теги для Internet Explorer и Windows
  • Наведение курсора на ячейки, строки, колонки таблицы
  • Наложение градиента на изображение
  • Настройка плеера YouTube
  • Не стандартный СSS градиент
  • Номер телефона на сайте
  • Одна рамка между блоками
  • Описание мета-тегов
  • Оформление placeholder разными стилями
  • Перечёркивание текста по диагонали
  • Перечёркнутый текст
  • Печать HTML страниц
  • Плавное изменение background
  • Плавное увеличение фонового изображения
  • Подключение и выполнение JavaScript на странице
  • Подключение шрифтов в CSS
  • Подключение шрифтов с другого домена
  • Подчеркивание текста линией с градиентом
  • Показать/скрыть пароль
  • Поле для ввода показаний счетчика
  • Полупрозрачный градиент поверх картинки
  • После отправки формы сохранить позицию скролла
  • Прижать футер к низу окна браузера
  • Проверка орфографии в браузере
  • Прокрутка содержимого таблицы
  • Псевдоклассы nth-child и nth-last-child
  • Размеры Iframe
  • Разметка страниц для Twitter (Twitter Cards)
  • Рамка у отдельных ячеек таблицы
  • Рамки блоков с градиентом
  • Расстояние между буквами, строками, ширина табуляции в CSS
  • СSS стили для горизонтальных линий
  • Сборник CSS градиентов
  • Сборник анимированных градиентов
  • Сброс стилей (CSS reset)
  • Ссылки на мессенджеры с сайта
  • Стандартные и безопасные шрифты CSS
  • Стандарты HTML-документов
  • Стили для вложенных нумерованных списков ol
  • Стили для нумерованных списков ol
  • Стилизация Checkbox
  • Стилизация input file
  • Стилизация Radio Button
  • Стилизация кнопок CSS
  • Стиль и размер ReCaptcha
  • Текст в две колонки
  • Текст в три колонки
  • Текст с градиентом
  • Треугольники на CSS
  • Ускорение загрузки изображений и скриптов
  • Ускорение загрузки Яндекс Карт
  • Фильтр файлов по расширению у input file
  • Фильтры Instagram на CSS
  • Фон под текстом
  • Цветные SVG фильтры для элементов
  • Чекбокс в виде переключателя (switch toggle)
  • Чекбоксы в виде кнопок
  • Шахматное поле на CSS
  • Эффекты анимации на CSS animation keyframes
  • Яндекс карты не прямоугольной формы

JS/jQuery

htaccess

Bootstrap

Программы

Разное

Справочники

  • DNS-сервера хостингов
  • HTTP коды
  • Адреса phpMyAdmin хостингов
  • Адреса серверов POP3, IMAP и SMTP
  • Алфавиты в массивах и строках
  • База городов, регионов и федеральных округов РФ в MySQL
  • Виртуальные коды клавиш (Virtual-Key Codes)
  • Когда обновляются DNS сервера?
  • Коды валют
  • Коды клавиш клавиатуры для JQuery событий keydown, keyup и keypress
  • Коды языков ISO 639-1
  • Коды языков ISO 639-2
  • Настройки почты для домена Mail. ru, Яндекс, Gmail
  • Округа и районы Москвы в MySQL
  • Скан-коды клавиш клавиатуры (scan codes)
  • Спецсимволы и их мнемоники в HTML
  • Список MIME типов
  • Список городов РФ
  • Список регионов РФ
  • Список серверов Whois
  • Список станций Московского метрополитена в PHP-массиве и SQL
  • Список станций Петербургского метрополитена в PHP-массиве и SQL
  • Таблица Alt-кодов
  • Таблица HTML цветов
  • Таблица кодирования символов в URL
  • Таблица символов ASCII + Windows 1251
  • Таблица символов KOI8-R
  • Таблица символов эмодзи
  • Таблица цветов RAL classic
  • Флаги стран
  • Часовые пояса в PHP
  • ​Коды регионов ISO 3166-1 Alpha 2

Страница не найдена (ошибка 404)

PHP

  • array_unique для многомерных массивов
  • Contenteditable – текстовый редактор
  • CURL — если сервер отдает редирект
  • date() – форматирование даты PHP
  • PHP parse_url и её обратная функция
  • PHP класс для отправки E-mail
  • PHP класс для хлебных крошек
  • PHP массив в файл CSV
  • PHP паттерн Registry
  • PHP транслит
  • PHP функции для checked и selected
  • PHP функция serialize, возможные проблемы
  • PHP-класс для создания миниатюр изображений
  • PHP-класс обертка для PDO
  • POST-запрос через file_get_content()
  • RSS канал на PHP
  • RSS-файл для Яндекс Турбо-страниц
  • WebP вместо изображений в браузерах где он поддерживается
  • Whois, как получить данные IP-адреса и домена в PHP
  • XML для Яндекс. Недвижимости на PHP
  • XML-файл объявлений для Авито
  • ZIP в PHP (ZipArchive)
  • Автозагрузка классов
  • Автоматическая установка временной зоны у пользователя
  • Автоматический контраст цвета шрифта к фону на PHP
  • Автоматическое заполнение поля «город» в форме по IP адресу
  • Автоматическое оглавление для статьи
  • Автоматическое сжатие и оптимизация картинок на сайте
  • Авторизация на сайте через Facebook
  • Авторизация на сайте через Яндекс
  • Авторизация через GitHub
  • Алфавитный указатель на PHP
  • Бот Телеграм на PHP
  • Время жизни сессии в PHP
  • Время и память выполнения скрипта PHP
  • Вставить баннер в центр статьи
  • Вставка и добавление в текст регулярными выражениями
  • Вход на сайт через Вконтакте
  • Вход через Google
  • Вывести массив в виде PHP кода
  • Вывод HTML-таблицы с функцией сортировки на PHP + MySQL
  • Вывод PHP-массива колонками
  • Вывод даты с русскими месяцами
  • Вывод списка по алфавиту
  • Выпадающий список с файлами на хостинге
  • Вычисление процентов в PHP
  • Генерация QR-кода в PHP
  • Генерация XML файла для Google Merchant
  • Генерация YML файл Яндекс Маркета на PHP
  • Генерация всех комбинаций из набора символов
  • Генерация паролей в PHP
  • Генерация превьюшек изображений на лету
  • Генерация случайных буквенно-цифровых кодов в PHP
  • Генерация счета на оплату PDF PHP
  • Генерация токенов в PHP
  • Дополнительные функции mb_string
  • Загрузка изображений с превью AJAX + PHP + MySQL
  • Загрузка файлов на сервер PHP
  • Загрузка файлов через AJAX с помощью jQuery Form Plugin
  • Замена кавычек на «ёлочки» в PHP
  • Замена раскладки на PHP
  • Замена регистра в строках PHP
  • Замена символов по регулярному выражению
  • Запись в лог-файл в PHP
  • Запись и чтение файлов в PHP
  • Заполненные PHP-массивы для дат
  • Защита от нелегального зеркала сайта
  • Извлечение данных с помощью регулярных выражений PHP
  • Изображения WebP в GD PHP
  • Интеграция с платежной системой PayKeeper в PHP
  • Исключения PHP (Try и Catch)
  • Использование API Геокодера в PHP для получения координат
  • Использование API Яндекс Диска на PHP
  • Использование циклов в PHP
  • Как включить вывод символов эмодзи на сайте
  • Как вывести PHP массив
  • Как вывести метки на Яндекс. Картах из MySQL+PHP
  • Как выделить фразы в тексте
  • Как добавить UTM-метки в заявки с сайта
  • Как дописать стили в атрибут style тегов HTML через PHP
  • Как интегрировать ReCAPTCHA на сайт
  • Как найти новые координаты точки при повороте изображения PHP-функцией imagerotate()
  • Как найти одинаковые файлы с разными именами в PHP
  • Как настроить Last-Modified
  • Как получить IP посетителя в PHP
  • Как получить все дни между датами в PHP
  • Как получить текущий URL в PHP?
  • Как преобразовать текст из textarea в параграфы HTML
  • Как прочитать SSL сертификат из PHP
  • Как сделать редирект PHP
  • Как сформировать большой файл для маркета
  • Как узнать, что пришел запрос через AJAX
  • Календарь на PHP
  • Кнопка «Показать еще»
  • Конвертация байтов в килобайты и мегабайты
  • Кэширование контента в файлы PHP
  • Мануал по созданию и форматированию excel файлов в PHPExcel
  • Массив $_FILES
  • Массив $_SERVER
  • Метрика API
  • Многоуровневый select из базы данных
  • Обзор PHP расширений для чтения файлов Excel
  • Обновление таблицы БД из XML файлов
  • Обработка и вывод рейтинга в PHP
  • Обработка изображений в PHP
  • Обрезка текста для анонса
  • Округление чисел в PHP
  • Операции с датами и временем Unixtime в PHP
  • Оплата заказов на сайте через Робокассу
  • Определение местоположения посетителя по IP-адресу в PHP
  • Определение мобильного устройства в PHP
  • Определение основного цвета изображения в PHP
  • Определение поисковых роботов
  • Отдача файлов на скачивание PHP
  • Отключить кэширование PHP
  • Отправка sms через «SMS Aero» в PHP
  • Отправка и прием данных 1C на PHP-сайте
  • Отправка писем через PHPMailer
  • Отправка писем через SMTP в PHPMailer
  • Отправка письма с вложением
  • Отправка сообщения с изображением в Twitter через PHP
  • Отправка формы через PHP CURL
  • Отслеживание окончания доменов и SSL-сертификатов
  • Очистка данных из форм в PHP
  • Перекодировка текста UTF-8 и WINDOWS-1251
  • Переносы строк и тег BR в PHP
  • Платежи на сайте через IntellectMoney PHP
  • Поворот изображения по двум точкам на PHP GD + jQuery UI Droppable
  • Подгрузка контента при прокрутке (бесконечная лента)
  • Подключение к платежной системе Сбербанка
  • Поиск ближайших объектов в БД по координатам
  • Поиск на сайте внешних ссылок и их анкоров
  • Поиск похожих текстов в базе данных MySQL + PHP
  • Поиск телефона в базе данных MySQL
  • Поиск файлов в PHP
  • Поле для выбора количества товаров
  • Получение котировок PHP
  • Получить DNS записи домена в PHP
  • Получить GET-параметр из URL
  • Получить фото из Instagram без API
  • Постраничный вывод и базы данных
  • Постраничный вывод массива
  • Прайс-лист для Яндекс карт и справочника
  • Преобразование CSV в XLSX на PHP
  • Преобразование punycode в PHP
  • Преобразование изображения в Base64 на PHP
  • Преобразование строк в массив PHP
  • Преобразование цветов в PHP
  • Прием платежей на сайте через интернет-эквайринг Тинькофф
  • Прием платежей на сайте через Юкассу
  • Пример парсинга html-страницы на phpQuery
  • Примеры использования cURL в PHP
  • Примеры использования PDO MySQL
  • Проблема PHP DOMDocument – русские буквы заменяются на мнемоники
  • Проверка данных регулярными выражениями
  • Публикация записей на стену сообщества VK
  • Публикация на страницу Facebook через PHP
  • Работа с API Instagram
  • Работа с FTP в PHP
  • Работа с JSON в PHP
  • Работа с MIME-типами в PHP
  • Работа с директориями в PHP
  • Работа с именами файлов в PHP
  • Работа с массивами PHP – создание, наполнение, удаление
  • Работа с ценами PHP
  • Работа с числами в PHP
  • Работа со строками в PHP
  • Размер файлов и директорий в PHP
  • Раскрывающийся многоуровневый список
  • Расчёт прибыльности за одну единицу товара
  • Расчёт средней закупочной или продажной цены
  • Регулярные выражения для замены на теги
  • Регулярные выражения для удаления тегов
  • Рисование точки в PHP GD
  • Секунды в минуты, часы, дни
  • Склонение слов после числительных в PHP
  • Создание товарной накладной в PHPExcel
  • Сортировка массива по количеству символов
  • Сортировка массивов
  • Сохранить все изображения со страницы сайта
  • Сохранить файл в UTF-8 без BOM
  • Сумма прописью PHP
  • Счетчик просмотров страниц с графиком
  • Транслитерация по ГОСТ
  • Удаление регулярными выражениями в PHP
  • Управление выводом ошибок PHP
  • Установка лимитов PHP на обработку данных из форм
  • Установка локали UTF-8 в PHP
  • Фильтрация IP-адресов
  • Форматирование телефонных номеров
  • Формирование файла sitemap. xml
  • Хеширование строк в PHP
  • Чтение Google таблиц в PHP
  • Чтение XML файла Яндекс Маркета в PHP
  • Чтение почты через IMAP в PHP
  • Шаблонизатор Smarty
  • Шорткоды на регулярных выражениях
  • Яндекс.Доставка работа с API в PHP

HTML/CSS

  • Clearfix – отмена действия float
  • CSS @media для мобильных, планшетов и настольных компьютеров
  • CSS display table
  • CSS стили выделенного текста
  • CSS стили для placeholder
  • CSS фильтры
  • CSS-стили для списков dl, dt, dd
  • Favicon
  • Input type number
  • Manifest. json
  • Open Graph
  • Schema.org – пример разметки блога
  • Schema.org – пример разметки статьи
  • Select option с ссылками
  • SVG спрайты
  • Адаптивное выравнивание изображений на всю ширину браузера
  • Адаптивные блоки YouTube
  • Адаптивные плееры Youtube на десктопах и мобильных
  • Блоки со стрелками (часть 1)
  • Блоки со стрелками (часть 2)
  • Блокировка многократной отправки формы
  • Буквица CSS
  • Ведущие нули у ol
  • Верстка блока контактов с картой
  • Верстка рейтинга в виде звезд
  • Верстка списка с отточием
  • Вертикальное выравнивание в блоке (Flexbox)
  • Вертикальное выравнивание текста в блоке (child-helper)
  • Видео c YouTube в качестве фона сайта
  • Восстановление стилей текста после CSS reset
  • Выборка элементов в группе по псевдоклассам CSS
  • Выравнивание блока по центру родителя
  • Выравнивание блоков на всю ширину (justify)
  • Горизонтальное меню
  • Горизонтальное меню justify
  • Готовые CSS стили для таблиц
  • Добавление CSS стилей на страницу
  • Заголовок с горизонтальной линией посередине
  • Затемнение изображения и фона с помощью CSS
  • Изменение CSS-градиента в зависимости от положения курсора
  • Изменение размеров textarea и других элементов
  • Изменение цвета Яндекс карт
  • Информирование о использовании Сookie
  • Как вместить большие таблицы на страницы сайта
  • Как вывести штрих-код на сайте
  • Как загрузить содержимое файла в textarea
  • Как запретить выделение текста на сайте через CSS
  • Как ограничить ввод данных в текстовое поле
  • Как отключить автозаполнение сохранённого логина и пароля в форме
  • Как отключить тег br
  • Как сделать интерактивную схему на SVG + jQuery
  • Как сделать кривые границы блоков в CSS
  • Как сделать несколько фонов в background
  • Как сделать полосатую таблицу на HTML, CSS, JS, PHP
  • Как скрыть лишний текст в блоке
  • Колоночные шаблоны
  • Кривое подчёркивание ссылок в Google Chrome
  • Курсоры в CSS
  • Ленточки и флажки для блоков на HTML/CSS
  • Мета-тег viewport
  • Мета-теги HTML для Apple Safari
  • Мета-теги для Internet Explorer и Windows
  • Наведение курсора на ячейки, строки, колонки таблицы
  • Наложение градиента на изображение
  • Настройка плеера YouTube
  • Не стандартный СSS градиент
  • Номер телефона на сайте
  • Одна рамка между блоками
  • Описание мета-тегов
  • Оформление placeholder разными стилями
  • Перечёркивание текста по диагонали
  • Перечёркнутый текст
  • Печать HTML страниц
  • Плавное изменение background
  • Плавное увеличение фонового изображения
  • Подключение и выполнение JavaScript на странице
  • Подключение шрифтов в CSS
  • Подключение шрифтов с другого домена
  • Подчеркивание текста линией с градиентом
  • Показать/скрыть пароль
  • Поле для ввода показаний счетчика
  • Полупрозрачный градиент поверх картинки
  • После отправки формы сохранить позицию скролла
  • Прижать футер к низу окна браузера
  • Проверка орфографии в браузере
  • Прокрутка содержимого таблицы
  • Псевдоклассы nth-child и nth-last-child
  • Размеры Iframe
  • Разметка страниц для Twitter (Twitter Cards)
  • Рамка у отдельных ячеек таблицы
  • Рамки блоков с градиентом
  • Расстояние между буквами, строками, ширина табуляции в CSS
  • СSS стили для горизонтальных линий
  • Сборник CSS градиентов
  • Сборник анимированных градиентов
  • Сброс стилей (CSS reset)
  • Ссылки на мессенджеры с сайта
  • Стандартные и безопасные шрифты CSS
  • Стандарты HTML-документов
  • Стили для вложенных нумерованных списков ol
  • Стили для нумерованных списков ol
  • Стилизация Checkbox
  • Стилизация input file
  • Стилизация Radio Button
  • Стилизация кнопок CSS
  • Стиль и размер ReCaptcha
  • Текст в две колонки
  • Текст в три колонки
  • Текст с градиентом
  • Треугольники на CSS
  • Ускорение загрузки изображений и скриптов
  • Ускорение загрузки Яндекс Карт
  • Фильтр файлов по расширению у input file
  • Фильтры Instagram на CSS
  • Фон под текстом
  • Цветные SVG фильтры для элементов
  • Чекбокс в виде переключателя (switch toggle)
  • Чекбоксы в виде кнопок
  • Шахматное поле на CSS
  • Эффекты анимации на CSS animation keyframes
  • Яндекс карты не прямоугольной формы

JS/jQuery

htaccess

Bootstrap

Программы

Разное

Справочники

  • DNS-сервера хостингов
  • HTTP коды
  • Адреса phpMyAdmin хостингов
  • Адреса серверов POP3, IMAP и SMTP
  • Алфавиты в массивах и строках
  • База городов, регионов и федеральных округов РФ в MySQL
  • Виртуальные коды клавиш (Virtual-Key Codes)
  • Когда обновляются DNS сервера?
  • Коды валют
  • Коды клавиш клавиатуры для JQuery событий keydown, keyup и keypress
  • Коды языков ISO 639-1
  • Коды языков ISO 639-2
  • Настройки почты для домена Mail. ru, Яндекс, Gmail
  • Округа и районы Москвы в MySQL
  • Скан-коды клавиш клавиатуры (scan codes)
  • Спецсимволы и их мнемоники в HTML
  • Список MIME типов
  • Список городов РФ
  • Список регионов РФ
  • Список серверов Whois
  • Список станций Московского метрополитена в PHP-массиве и SQL
  • Список станций Петербургского метрополитена в PHP-массиве и SQL
  • Таблица Alt-кодов
  • Таблица HTML цветов
  • Таблица кодирования символов в URL
  • Таблица символов ASCII + Windows 1251
  • Таблица символов KOI8-R
  • Таблица символов эмодзи
  • Таблица цветов RAL classic
  • Флаги стран
  • Часовые пояса в PHP
  • ​Коды регионов ISO 3166-1 Alpha 2

Страница не найдена (ошибка 404)

PHP

  • array_unique для многомерных массивов
  • Contenteditable – текстовый редактор
  • CURL — если сервер отдает редирект
  • date() – форматирование даты PHP
  • PHP parse_url и её обратная функция
  • PHP класс для отправки E-mail
  • PHP класс для хлебных крошек
  • PHP массив в файл CSV
  • PHP паттерн Registry
  • PHP транслит
  • PHP функции для checked и selected
  • PHP функция serialize, возможные проблемы
  • PHP-класс для создания миниатюр изображений
  • PHP-класс обертка для PDO
  • POST-запрос через file_get_content()
  • RSS канал на PHP
  • RSS-файл для Яндекс Турбо-страниц
  • WebP вместо изображений в браузерах где он поддерживается
  • Whois, как получить данные IP-адреса и домена в PHP
  • XML для Яндекс. Недвижимости на PHP
  • XML-файл объявлений для Авито
  • ZIP в PHP (ZipArchive)
  • Автозагрузка классов
  • Автоматическая установка временной зоны у пользователя
  • Автоматический контраст цвета шрифта к фону на PHP
  • Автоматическое заполнение поля «город» в форме по IP адресу
  • Автоматическое оглавление для статьи
  • Автоматическое сжатие и оптимизация картинок на сайте
  • Авторизация на сайте через Facebook
  • Авторизация на сайте через Яндекс
  • Авторизация через GitHub
  • Алфавитный указатель на PHP
  • Бот Телеграм на PHP
  • Время жизни сессии в PHP
  • Время и память выполнения скрипта PHP
  • Вставить баннер в центр статьи
  • Вставка и добавление в текст регулярными выражениями
  • Вход на сайт через Вконтакте
  • Вход через Google
  • Вывести массив в виде PHP кода
  • Вывод HTML-таблицы с функцией сортировки на PHP + MySQL
  • Вывод PHP-массива колонками
  • Вывод даты с русскими месяцами
  • Вывод списка по алфавиту
  • Выпадающий список с файлами на хостинге
  • Вычисление процентов в PHP
  • Генерация QR-кода в PHP
  • Генерация XML файла для Google Merchant
  • Генерация YML файл Яндекс Маркета на PHP
  • Генерация всех комбинаций из набора символов
  • Генерация паролей в PHP
  • Генерация превьюшек изображений на лету
  • Генерация случайных буквенно-цифровых кодов в PHP
  • Генерация счета на оплату PDF PHP
  • Генерация токенов в PHP
  • Дополнительные функции mb_string
  • Загрузка изображений с превью AJAX + PHP + MySQL
  • Загрузка файлов на сервер PHP
  • Загрузка файлов через AJAX с помощью jQuery Form Plugin
  • Замена кавычек на «ёлочки» в PHP
  • Замена раскладки на PHP
  • Замена регистра в строках PHP
  • Замена символов по регулярному выражению
  • Запись в лог-файл в PHP
  • Запись и чтение файлов в PHP
  • Заполненные PHP-массивы для дат
  • Защита от нелегального зеркала сайта
  • Извлечение данных с помощью регулярных выражений PHP
  • Изображения WebP в GD PHP
  • Интеграция с платежной системой PayKeeper в PHP
  • Исключения PHP (Try и Catch)
  • Использование API Геокодера в PHP для получения координат
  • Использование API Яндекс Диска на PHP
  • Использование циклов в PHP
  • Как включить вывод символов эмодзи на сайте
  • Как вывести PHP массив
  • Как вывести метки на Яндекс. Картах из MySQL+PHP
  • Как выделить фразы в тексте
  • Как добавить UTM-метки в заявки с сайта
  • Как дописать стили в атрибут style тегов HTML через PHP
  • Как интегрировать ReCAPTCHA на сайт
  • Как найти новые координаты точки при повороте изображения PHP-функцией imagerotate()
  • Как найти одинаковые файлы с разными именами в PHP
  • Как настроить Last-Modified
  • Как получить IP посетителя в PHP
  • Как получить все дни между датами в PHP
  • Как получить текущий URL в PHP?
  • Как преобразовать текст из textarea в параграфы HTML
  • Как прочитать SSL сертификат из PHP
  • Как сделать редирект PHP
  • Как сформировать большой файл для маркета
  • Как узнать, что пришел запрос через AJAX
  • Календарь на PHP
  • Кнопка «Показать еще»
  • Конвертация байтов в килобайты и мегабайты
  • Кэширование контента в файлы PHP
  • Мануал по созданию и форматированию excel файлов в PHPExcel
  • Массив $_FILES
  • Массив $_SERVER
  • Метрика API
  • Многоуровневый select из базы данных
  • Обзор PHP расширений для чтения файлов Excel
  • Обновление таблицы БД из XML файлов
  • Обработка и вывод рейтинга в PHP
  • Обработка изображений в PHP
  • Обрезка текста для анонса
  • Округление чисел в PHP
  • Операции с датами и временем Unixtime в PHP
  • Оплата заказов на сайте через Робокассу
  • Определение местоположения посетителя по IP-адресу в PHP
  • Определение мобильного устройства в PHP
  • Определение основного цвета изображения в PHP
  • Определение поисковых роботов
  • Отдача файлов на скачивание PHP
  • Отключить кэширование PHP
  • Отправка sms через «SMS Aero» в PHP
  • Отправка и прием данных 1C на PHP-сайте
  • Отправка писем через PHPMailer
  • Отправка писем через SMTP в PHPMailer
  • Отправка письма с вложением
  • Отправка сообщения с изображением в Twitter через PHP
  • Отправка формы через PHP CURL
  • Отслеживание окончания доменов и SSL-сертификатов
  • Очистка данных из форм в PHP
  • Перекодировка текста UTF-8 и WINDOWS-1251
  • Переносы строк и тег BR в PHP
  • Платежи на сайте через IntellectMoney PHP
  • Поворот изображения по двум точкам на PHP GD + jQuery UI Droppable
  • Подгрузка контента при прокрутке (бесконечная лента)
  • Подключение к платежной системе Сбербанка
  • Поиск ближайших объектов в БД по координатам
  • Поиск на сайте внешних ссылок и их анкоров
  • Поиск похожих текстов в базе данных MySQL + PHP
  • Поиск телефона в базе данных MySQL
  • Поиск файлов в PHP
  • Поле для выбора количества товаров
  • Получение котировок PHP
  • Получить DNS записи домена в PHP
  • Получить GET-параметр из URL
  • Получить фото из Instagram без API
  • Постраничный вывод и базы данных
  • Постраничный вывод массива
  • Прайс-лист для Яндекс карт и справочника
  • Преобразование CSV в XLSX на PHP
  • Преобразование punycode в PHP
  • Преобразование изображения в Base64 на PHP
  • Преобразование строк в массив PHP
  • Преобразование цветов в PHP
  • Прием платежей на сайте через интернет-эквайринг Тинькофф
  • Прием платежей на сайте через Юкассу
  • Пример парсинга html-страницы на phpQuery
  • Примеры использования cURL в PHP
  • Примеры использования PDO MySQL
  • Проблема PHP DOMDocument – русские буквы заменяются на мнемоники
  • Проверка данных регулярными выражениями
  • Публикация записей на стену сообщества VK
  • Публикация на страницу Facebook через PHP
  • Работа с API Instagram
  • Работа с FTP в PHP
  • Работа с JSON в PHP
  • Работа с MIME-типами в PHP
  • Работа с директориями в PHP
  • Работа с именами файлов в PHP
  • Работа с массивами PHP – создание, наполнение, удаление
  • Работа с ценами PHP
  • Работа с числами в PHP
  • Работа со строками в PHP
  • Размер файлов и директорий в PHP
  • Раскрывающийся многоуровневый список
  • Расчёт прибыльности за одну единицу товара
  • Расчёт средней закупочной или продажной цены
  • Регулярные выражения для замены на теги
  • Регулярные выражения для удаления тегов
  • Рисование точки в PHP GD
  • Секунды в минуты, часы, дни
  • Склонение слов после числительных в PHP
  • Создание товарной накладной в PHPExcel
  • Сортировка массива по количеству символов
  • Сортировка массивов
  • Сохранить все изображения со страницы сайта
  • Сохранить файл в UTF-8 без BOM
  • Сумма прописью PHP
  • Счетчик просмотров страниц с графиком
  • Транслитерация по ГОСТ
  • Удаление регулярными выражениями в PHP
  • Управление выводом ошибок PHP
  • Установка лимитов PHP на обработку данных из форм
  • Установка локали UTF-8 в PHP
  • Фильтрация IP-адресов
  • Форматирование телефонных номеров
  • Формирование файла sitemap. xml
  • Хеширование строк в PHP
  • Чтение Google таблиц в PHP
  • Чтение XML файла Яндекс Маркета в PHP
  • Чтение почты через IMAP в PHP
  • Шаблонизатор Smarty
  • Шорткоды на регулярных выражениях
  • Яндекс.Доставка работа с API в PHP

HTML/CSS

  • Clearfix – отмена действия float
  • CSS @media для мобильных, планшетов и настольных компьютеров
  • CSS display table
  • CSS стили выделенного текста
  • CSS стили для placeholder
  • CSS фильтры
  • CSS-стили для списков dl, dt, dd
  • Favicon
  • Input type number
  • Manifest. json
  • Open Graph
  • Schema.org – пример разметки блога
  • Schema.org – пример разметки статьи
  • Select option с ссылками
  • SVG спрайты
  • Адаптивное выравнивание изображений на всю ширину браузера
  • Адаптивные блоки YouTube
  • Адаптивные плееры Youtube на десктопах и мобильных
  • Блоки со стрелками (часть 1)
  • Блоки со стрелками (часть 2)
  • Блокировка многократной отправки формы
  • Буквица CSS
  • Ведущие нули у ol
  • Верстка блока контактов с картой
  • Верстка рейтинга в виде звезд
  • Верстка списка с отточием
  • Вертикальное выравнивание в блоке (Flexbox)
  • Вертикальное выравнивание текста в блоке (child-helper)
  • Видео c YouTube в качестве фона сайта
  • Восстановление стилей текста после CSS reset
  • Выборка элементов в группе по псевдоклассам CSS
  • Выравнивание блока по центру родителя
  • Выравнивание блоков на всю ширину (justify)
  • Горизонтальное меню
  • Горизонтальное меню justify
  • Готовые CSS стили для таблиц
  • Добавление CSS стилей на страницу
  • Заголовок с горизонтальной линией посередине
  • Затемнение изображения и фона с помощью CSS
  • Изменение CSS-градиента в зависимости от положения курсора
  • Изменение размеров textarea и других элементов
  • Изменение цвета Яндекс карт
  • Информирование о использовании Сookie
  • Как вместить большие таблицы на страницы сайта
  • Как вывести штрих-код на сайте
  • Как загрузить содержимое файла в textarea
  • Как запретить выделение текста на сайте через CSS
  • Как ограничить ввод данных в текстовое поле
  • Как отключить автозаполнение сохранённого логина и пароля в форме
  • Как отключить тег br
  • Как сделать интерактивную схему на SVG + jQuery
  • Как сделать кривые границы блоков в CSS
  • Как сделать несколько фонов в background
  • Как сделать полосатую таблицу на HTML, CSS, JS, PHP
  • Как скрыть лишний текст в блоке
  • Колоночные шаблоны
  • Кривое подчёркивание ссылок в Google Chrome
  • Курсоры в CSS
  • Ленточки и флажки для блоков на HTML/CSS
  • Мета-тег viewport
  • Мета-теги HTML для Apple Safari
  • Мета-теги для Internet Explorer и Windows
  • Наведение курсора на ячейки, строки, колонки таблицы
  • Наложение градиента на изображение
  • Настройка плеера YouTube
  • Не стандартный СSS градиент
  • Номер телефона на сайте
  • Одна рамка между блоками
  • Описание мета-тегов
  • Оформление placeholder разными стилями
  • Перечёркивание текста по диагонали
  • Перечёркнутый текст
  • Печать HTML страниц
  • Плавное изменение background
  • Плавное увеличение фонового изображения
  • Подключение и выполнение JavaScript на странице
  • Подключение шрифтов в CSS
  • Подключение шрифтов с другого домена
  • Подчеркивание текста линией с градиентом
  • Показать/скрыть пароль
  • Поле для ввода показаний счетчика
  • Полупрозрачный градиент поверх картинки
  • После отправки формы сохранить позицию скролла
  • Прижать футер к низу окна браузера
  • Проверка орфографии в браузере
  • Прокрутка содержимого таблицы
  • Псевдоклассы nth-child и nth-last-child
  • Размеры Iframe
  • Разметка страниц для Twitter (Twitter Cards)
  • Рамка у отдельных ячеек таблицы
  • Рамки блоков с градиентом
  • Расстояние между буквами, строками, ширина табуляции в CSS
  • СSS стили для горизонтальных линий
  • Сборник CSS градиентов
  • Сборник анимированных градиентов
  • Сброс стилей (CSS reset)
  • Ссылки на мессенджеры с сайта
  • Стандартные и безопасные шрифты CSS
  • Стандарты HTML-документов
  • Стили для вложенных нумерованных списков ol
  • Стили для нумерованных списков ol
  • Стилизация Checkbox
  • Стилизация input file
  • Стилизация Radio Button
  • Стилизация кнопок CSS
  • Стиль и размер ReCaptcha
  • Текст в две колонки
  • Текст в три колонки
  • Текст с градиентом
  • Треугольники на CSS
  • Ускорение загрузки изображений и скриптов
  • Ускорение загрузки Яндекс Карт
  • Фильтр файлов по расширению у input file
  • Фильтры Instagram на CSS
  • Фон под текстом
  • Цветные SVG фильтры для элементов
  • Чекбокс в виде переключателя (switch toggle)
  • Чекбоксы в виде кнопок
  • Шахматное поле на CSS
  • Эффекты анимации на CSS animation keyframes
  • Яндекс карты не прямоугольной формы

JS/jQuery

htaccess

Bootstrap

Программы

Разное

Справочники

  • DNS-сервера хостингов
  • HTTP коды
  • Адреса phpMyAdmin хостингов
  • Адреса серверов POP3, IMAP и SMTP
  • Алфавиты в массивах и строках
  • База городов, регионов и федеральных округов РФ в MySQL
  • Виртуальные коды клавиш (Virtual-Key Codes)
  • Когда обновляются DNS сервера?
  • Коды валют
  • Коды клавиш клавиатуры для JQuery событий keydown, keyup и keypress
  • Коды языков ISO 639-1
  • Коды языков ISO 639-2
  • Настройки почты для домена Mail. ru, Яндекс, Gmail
  • Округа и районы Москвы в MySQL
  • Скан-коды клавиш клавиатуры (scan codes)
  • Спецсимволы и их мнемоники в HTML
  • Список MIME типов
  • Список городов РФ
  • Список регионов РФ
  • Список серверов Whois
  • Список станций Московского метрополитена в PHP-массиве и SQL
  • Список станций Петербургского метрополитена в PHP-массиве и SQL
  • Таблица Alt-кодов
  • Таблица HTML цветов
  • Таблица кодирования символов в URL
  • Таблица символов ASCII + Windows 1251
  • Таблица символов KOI8-R
  • Таблица символов эмодзи
  • Таблица цветов RAL classic
  • Флаги стран
  • Часовые пояса в PHP
  • ​Коды регионов ISO 3166-1 Alpha 2

CSS Tables — GeeksforGeeks

Просмотреть обсуждение

Улучшить статью

Сохранить статью

  • Уровень сложности: Easy
  • Последнее обновление: 29 окт, 2021

  • Читать
  • Обсудить
  • Посмотреть обсуждение

    Улучшить статью

    Сохранить статью

    Таблица в CSS используется для применения различных свойств стиля к элементам таблицы HTML для размещения данных в строках и столбцах или, возможно, в более сложной структуре надлежащим образом организованным образом. Таблицы широко используются в общении, исследованиях и анализе данных. Свойство table-layout в CSS можно использовать для отображения макета таблицы. Это свойство в основном используется для установки алгоритма, используемого для компоновки ячеек

    , строк и столбцов.

    Свойства:

    Граница : Используется для указания границ в таблице.

    Синтаксис:

     граница: ширина_таблицы цвет_таблицы; 

    Пример 1: В этом примере описывается таблица CSS для применения свойства границы.

    HTML

    6

       

    < head >

         < style >

         body {

             text-align: left;

    }

    H2 {

    Color: Green;

         }

           

         table,

         th,

         td {

             

             /* Styling the border. */

             граница: 1,5 пикселя сплошного синего цвета;

         }

         стиль >

    head >

       

    < body >

         < h2 >GeeksforGeeks h2 >

         < h3 >Добавить границу к таблице: h3 >

    0057 < Таблица >

    < TR >

    < TH < TH > . ....... .. .. 957.. . < th >Name th >

             7

    < html >

    8 90

    3

             < tr >

                 < td >1 td >

                 < td >A_B_C TD >

    TR >

    < TR

    < 0058 >

                 < td >2 td >

                 < td >X_Y_Z td >

    TR >

    Таблица >

    1 >

    0057 body
    >

       

    html >

    Output:

    Border Collapse : The border-collapse property tells us должен ли браузер контролировать внешний вид смежных границ, которые соприкасаются друг с другом, или каждая ячейка должна сохранять свой стиль.

    Синтаксис:

     border-collapse: свернуть/разделить; 

    Пример 2: В этом примере таблица CSS описывается с применением свойства border-collapse.

    HTML

    < html >

       

    < head >

         < стиль >

         корпус {

             выравнивание текста: по левому краю;

    }

    H2 {

    Color: Green;

    }

    Таблица. Один {

    9008

    /* СТАЛИЛЕЙ. */

             border-collapse: коллапс;

    }

    Table.two {

    . */

             обрушение границы: отдельно;

         }

           

    Таблица,

    TD,

    TH {

    Граница: 1,5PX SOLID Blue;

    }

    . 0058 >

         < h2 >GeeksforGeeks h2 >

         < h3 >borders collapsed: h3 >

    < Таблица Класс = «Один» >

    < TR < TR .0058 >

    < TH > Номер рулона TH >

    <

    .

    TR >

    < TR >

    < td >1 td >

                 < td >A_B_C td >

             TR >

    < TR >

    < TD > 2 . 0058 td >

                 < td >X_Y_Z td >

             tr >

         Таблица >

    < BR >

    < BR 0057>

    < H3 > Границы отделены: H3 >

    <

    <

    <

    .

    < TR >

    < TH > Рулон TH 0058 >

                 < th >Name th >

             tr >

             < tr >

    < TD > 1 TD >

    < td >A_B_C td >

             tr >

             < tr >

                 < TD > 2 TD >

    < TD > XI_Z 0058 td >

             tr >

         table >

    body >

    HTML >

    . 0027 : Это свойство определяет расстояние между границами соседних ячеек.

    Синтаксис:

     border-spacing: value; 

    Пример 3: В этом примере таблица CSS описывается с применением свойства border-spacing.

    HTML

    < html >

       

    < Head >

    < Стиль >

    Body {

    ;

    }

    H2 {

    Color: Green;

         }

           

         table. one {

             border-collapse: отдельно;

             

             /* Стилизация border-spacing 

                между соседними ячейками */

             border-spacing: 10px;

         }

           

         table.two {

             граница-коллапс: раздельная;

             

             /* Стилизация границы между границами */

             border-spacing: 10px 30px;

         }

           

         Table,

    TD,

    TH {

    ГРЕД: 1,5PX SOLID Blue;

         }

         style >

    head >

       

    < body >

         < h2 >GeeksforGeeks h2 >

         < h3 >border spacing: h3 >

         < Таблица Класс = «Один» >

    < TR >

    0056 < TH > Номер рулона TH >

    < TH > Наз. / TR >

    < TR >

    <

    < td >1 td >

                 < td >A_B_C td >

             tr >

    < TR >

    < TD > 2 TD > 2 TD > 2.0057 >

                 < td >X_Y_Z td >

             tr >

         table >

    < BR >

    < BR >

    9. 0056      < h3 >border spacing: h3 >

         < table class = "two" >

    < TR >

    < TH > Номер рулона TH >

                 < th >Name th >

             tr >

             < tr >

    < TD > 1 TD >

    < td >A_B_C td >

             tr >

             < tr >

                 < TD > 2 TD >

    < TD > X_Y_Z TD > XI_Z TD > XI_Z TD > XI_Z TD 0057 >

             tr >

         table >

    body >

       

    HTML >

    Выход:

    Сторона подвесной стороны : Спорт. Способность к надписью. Способность к управлению. Способность. Способность Caption. Способность Caption. Способность Caption. Способность Caption. Способность Caption. Способность Caption. Способность Caption. Способность CAPTION. Способность CAPTIP. По умолчанию подписи располагаются над таблицей.

    Синтаксис:

     сторона заголовка: верх/низ; 

    Пример 4: В этом примере таблица CSS описывается путем применения свойства caption-side для управления размещением заголовка таблицы.

    HTML

    > 0056          < tr >

                 < td >1 td >

                 < td >A_B_C TD >

    TR >

    < TR

    < TR . 0058 >

                 < td >2 td >

                 < td >X_Y_Z td >

    TR >

    Таблица >

    1 >

    0057 body
    >

       

    html >

    < html >

       

    < head >

    < Стиль >

    Тело {

    Текст-Альгник: слева;

    }

    H2 {

    Color: Green;

         }

           

         table. one {

             граница-коллапс: раздельная;

             border-spacing: 10px;

             

             /* Управление размещением подписи. */

             со стороны надписи: вверху;

         }

           

         табл.два { 0003

             обрушение границы: отдельно;

             border-spacing: 10px;

             

             /* Управление размещением подписи. */

             со стороны надписей: снизу;

    }

    Таблица,

    td,

         th {

             граница: 1,5 пикселя сплошного синего цвета;

         }

         style >

    head >

       

    < body >

         < H2 > Geeksforgeeks H2 >

    < H3 > Подпись. класс = "один" >

             < заголовок 9005 9 заголовок таблицы.0058 >

             < tr >

                 < th >Roll Number th >

                 < th >Имя th >

             tr > 9 0003 9 0050058 < tr >

                 < td >1 td >

                 < td >A_B_C td >

    TR >

    < TR > < TR > . 0003

                 < td >2 td >

                 < td >X_Y_Z td >

             < / TR >

    Таблица >

    < BR

    0058 >

         < br >

         < h3 >Caption at bottom: h3 >

         < таблица класс = "двойка" >

             < > подпись 900 внизу таблицы0058 caption >

             < tr >

                 < th >Roll Number th >

                 < th >Имя th >

             tr

    Output:

    Empty cells : This property specifies whether or not to отображать границы и фон пустых ячеек в таблице.

    Синтаксис:

     пустые ячейки:показать/скрыть; 

    Пример 5: В этом примере таблица CSS описывается путем применения свойства empty-cell, которое указывает, отображать ли границы в пустых ячейках таблицы.

    HTML

    < html >

       

    < head >

         < style >

         body {

             text-align: left;

         }

           

         h2 {

             цвет: зеленый;

    }

    Таблица. Один {

    Граница.

             border-spacing: 10px;

             

             /* Скрытие границы пустых ячеек */

             empty-cells: hide;

    }

    Table.two {

    Border-Collapse: отдельный;

             border-spacing: 10px;

             

             /* Отображение границы пустых ячеек */

             пустые ячейки: показать;

    }

    TABLE,

    TH,

    TH,

    .

         }

         стиль >

    head >

       

    < body >

         < h2 >GeeksforGeeks h2 >

    < H3 > Пустые ячейки скрыть: H3 >

    < Таблица 0058 class = "one" >

             < tr >

                 < th >Roll Number th >

    < TH > Имя TH >

    TR

    0058 >

             < tr >

                 < td >1 td >

                 < td > td >

             tr > 90 5 7 9 0 7 9 0056

    57

    < tr >

                 < td >2 td >

                 < td >X_Y_Z td >

    TR >

    Таблица >

    . 0056      < br >

         < br >

         < h3 >empty cells show: h3 >

    < Таблица Класс = «Два» >

    < TR < TR

    < TR

    0058 >

    < TH > Номер рулона TH >

    <

    .

    TR >

    < TR >

    < td >1 td >

                 < td > td >

             tr >

    < TR >

    < TD > 2 9008 TD > 21 td >

                 < td >X_Y_Z td >

             tr >

         Таблица >

    Body >

    HTML > HTML > HTML > . 0058

    Вывод:

    Компоновка таблицы : Свойство компоновки таблицы используется для настройки алгоритма компоновки таблицы.

    Синтаксис:

     table-layout:auto/fixed; 

    Пример 6: В этом примере таблица CSS описывается с применением свойства макета таблицы.

    HTML

    < html >

       

    < head >

         < style >

         body {

    выравнивание текста: по левому краю;

         }

           

         h2 {

             цвет: зеленый;

    }

    Таблица. Один {

    Width: 80px Border-Collapse: отдельный;

             border-spacing: 10px;

             

             /* Расположение таблицы автоматическое. */

             макет таблицы: авто;

    }

    Table.two {

    Width: 80PX-Collapse: Отдельный;

             border-spacing: 10px;

             /* Расположение таблицы исправлено. */

             макет таблицы: фиксированный;

         }

           

         table,

         td,

         th {

             border: 1.5px solid blue;

             ширина: 80 пикселей;

         }

         стиль >

    3

    0057 head >

       

    < body >

         < h2 >GeeksforGeeks h2 >

    < h3 >автоматическая компоновка таблицы: h3 >

         < < таблица0058 = "one" >

             < tr >

                 < th >Roll Number th >

    < TH > Имя TH >

    TR > TR > 0058

             < tr >

                 < td >1 td >

                 < td >A_B_C_D_E_F_G_H_I_J_K_L_M_N_O_P< / тд >

             тр >

    9005 6 9 7 50058 < tr >

                 < td >2 td >

                 < td >X_Y_Z td >

    TR >

    Таблица > 9007

         < br >

         < br >

         < h3 >fixed table layout: h3 >

    < Таблица Класс = «Два» >

    . 0057 tr >

                 < th >Roll Number th >

                 < th >Name th >

    TR >

    < TR >

    0057              < td >1 td >

                 < td >A_B_C_D_E_F_G_H_I_J_K_L_M_N_O_P td >

             tr >

             < tr >

             9 0 5 8 9 0 5 8 0 9 0 5 8 00058 td >2 td >

                 < td >X_Y_Z td >

             tr >

    Таблица >

    Корпус >

    >

    9003

    0057 html >

    Output:

    Supported Browsers: The browsers supported by Tables

    • Google Chrome
    • Edge
    • Mozilla Firefox
    • Opera
    • Safari

    43 CSS-таблицы

    Коллекция бесплатных HTML и CSS-таблиц примеров кода: простых, отзывчивых, ценовых, периодических и др. Обновление майской коллекции 2020 года. 6 новый пункт.

    1. Столы
    2. Периодические таблицы
    3. Таблицы цен
    1. Таблицы начальной загрузки
    О коде

    Стол для зигзага

    Таблица в зигзагообразном диагональном формате.

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: да

    Зависимости: -

    О коде

    Таблица с нумерацией страниц

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: да

    Зависимости: -

    О коде

    Таблица с замороженным заголовком таблицы и левым столбцом

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: нет

    Зависимости: -

    О коде

    Сортировка строк таблицы по заголовкам

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

    О коде

    Адаптивные таблицы с использованием

    li
    Я использовал li для создания таблиц, потому что стилизация li проще и позволяет больше настроек.
    О коде

    Адаптивная таблица Только HTML и CSS

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

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: да

    Зависимости: -

    Демонстрационное изображение: Адаптивная таблица с Flexbox

    Адаптивная таблица с Flexbox

    Идея состояла в том, чтобы создать красивый рабочий стол, который будет работать и на небольших экранах.
    Сделано Матис
    6 апреля 2017 г.

    скачать демо и код

    Демонстрационное изображение: адаптивный макет таблицы с помощью CSS

    адаптивный макет таблицы с помощью CSS

    Использование CSS для адаптивного макета таблицы вместо плавающих элементов. Отзывчивый (все сводится к одному ряду) тоже.
    Сделано Люком Питерсом
    21 февраля 2017 г.

    скачать демо и код

    Демонстрационное изображение: фиксированный заголовок таблицы

    фиксированный заголовок таблицы

    фиксированный заголовок таблицы с простым кодом jQuery.
    Сделано Нихилом Кришнаном
    3 ноября 2016 г.

    скачать демо и код

    Демонстрационное изображение: Адаптивная таблица

    Адаптивная таблица

    CSS-методы адаптивной таблицы.
    Сделано Алико
    11 апреля 2016 г.

    скачать демо и код

    Демонстрационное изображение: Подсветка таблицы на чистом CSS

    Подсветка таблицы на чистом CSS

    Простой (и неприятный) трюк для вертикальной и горизонтальной подсветки при наведении на таблицы, созданные с помощью чистого CSS.
    Сделано Александром Эрландссоном
    22 марта 2016 г.

    скачать демо и код

    О коде

    Sticky Table Headers by

    position: sticky;

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

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: нет

    Зависимости: -

    Демонстрационное изображение: Адаптивная таблица

    Адаптивная таблица

    Адаптивная таблица с шаблонами rwd-table.
    Сделано SitePoint
    15 апреля 2015 г.

    скачать демо и код

    Демонстрационное изображение: CSS адаптивная таблица и подробный вид

    CSS адаптивная таблица и подробный просмотр

    Пример сценария таблицы и подробного просмотра.
    Сделано Хизер Бучел
    29 июня 2014 г.

    скачать демо и код

    О коде

    Таблица CSS

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

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: да

    Зависимости: -

    Демонстрационное изображение: Адаптивная таблица

    Адаптивная таблица

    Таблица сворачивается в "список" на маленьких экранах. Заголовки извлекаются из атрибутов данных.
    Сделано Джеффом Юэном
    25 марта 2014 г.

    скачать демо и код

    О коде

    Адаптивная и доступная таблица данных

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

    Демонстрационное изображение: Таблица в HTML и CSS

    Таблица в HTML и CSS

    Таблица фактов о питании в HTML и CSS.
    Сделано Крисом Койером
    9 сентября 2013 г.

    скачать демо и код

    О коде

    Сетка Периодическая таблица CSS

    Периодическая таблица элементов с CSS Grid.

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Отвечает: нет

    Зависимости: -

    О коде

    Сетка CSS: периодическая таблица

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: нет

    Зависимости: simple-line-icons. css

    О коде

    Периодическая таблица элементов

    Отзывчивая и анимированная периодическая таблица элементов в HTML и CSS.

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: да

    Зависимости: -

    О коде

    Периодическая таблица типа CSS Grid

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: нет

    Зависимости: -

    О коде

    Периодическая таблица

    Периодическая таблица в HTML и JavaScript.

    О коде

    Периодическая таблица

    HTML и CSS периодическая таблица .

    О коде

    Таблицы цен

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: да

    Зависимости: -

    О коде

    Таблица цен на чистый CSS

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: да

    Зависимости: bootstrap. css, unicons.css

    О коде

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

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: да

    Зависимости: -

    О коде

    Дизайн таблицы цен

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: да

    Зависимости: bootstrap.css, font-awesome.css

    О коде

    Панель ценообразования Tailwind CSS Адаптивная

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: да

    Зависимости: tailwind.css

    О коде

    Таблицы цен

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: да

    Зависимости: -

    О коде

    Тарифные планы

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: да

    Зависимости: -

    О коде

    Таблица цен

    Таблица цен на Pure CSS.

    Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

    Ответ: да

    Зависимости: -

    О коде

    Пользовательский интерфейс таблицы цен

    Простая таблица цен.

    О коде

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

    Таблица цен с анимацией.

    О коде

    Таблица цен

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

    Демонстрационное изображение: Таблица цен на HTML и CSS

    Таблица цен на HTML и CSS

    Таблица цен на Bootstrap.
    Сделано Сахар Али Раза
    10 декабря 2016 г.

    скачать демо и код

    Демонстрационное изображение: Адаптивная таблица цен

    Адаптивная таблица цен

    Адаптивная таблица цен HTML/CSS.
    Сделано Алексом
    31 июля 2016 г.

    скачать демо и код

    Демо GIF: Таблица цен

    Таблица цен

    Таблица цен с HTML и CSS.
    Сделано Матиасом Мартином
    7 апреля 2016 г.

    скачать демо и код

    Демонстрационное изображение: Таблицы цен на материалы

    Таблицы цен на материалы

    Таблицы цен на материалы в формате HTML и CSS.
    Сделано Кресо Галичем
    14 января 2016 г.

    скачать демо и код

    Демонстрационное изображение: Таблица цен

    Таблица цен

    Таблица цен с HTML и CSS.
    Сделано Майком Торосяном
    25 февраля 2015 г.

    скачать демо и код

    Демонстрационное изображение: Таблица цен на адаптивные флипы

    Таблица цен на адаптивные флипы

    Таблица цен на адаптивные флипы для просмотра цен за месяц или год.
    Сделано Шейном Хейнсом
    12 января 2015 г.

    скачать демо и код

    Демонстрационное изображение: Таблицы цен

    Таблицы цен

    Простые таблицы цен.
    Сделано Джозефом Виктори
    15 февраля 2014 г.

    скачать демо и код

    Демонстрационное изображение: Таблица цен

    Таблица цен

    Игра с таблицами.
    Сделано Даниэлем Римером
    13 сентября 2013 г.

    скачать демо и код

    Bulma: бесплатная современная CSS-инфраструктура с открытым исходным кодом на основе Flexbox

    Вы можете создать Bulma table , просто присоединив один CSS-класс table к HTML-элементу

    со следующей структурой:

    • <таблица> в качестве основного контейнера
      • thead дополнительная верхняя часть стола
      • фут дополнительный нижняя часть часть стола
      • tbody основное содержимое таблицы
        • tr каждая таблица строка
          • ячейка таблицы заголовок
          • тд стол ячейка

    Вы можете установить строку таблицы как selected путем добавления модификатора is-selected к

    Пример

    Поз. Команда тел. Ш Д Л ГФ ГА ГД Оч Квалификация или понижение
    Поз. Команда тел. Ш Д Л ГФ ГА ГД Очки Квалификация или понижение
    1 Лестер Сити (C) 38 23 12 3 68 36 +32 81 Квалификация в групповой этап Лиги чемпионов
    2 Арсенал 38 20 11 7 65 36 +29 71 Квалификация в групповой этап Лиги чемпионов
    3 Тоттенхэм Хотспур 38 19 13 6 69 35 +34 70 Квалификация в групповой этап Лиги чемпионов
    4 Манчестер Сити 38 19 9 10 71 41 +30 66 Квалификация в раунд плей-офф Лиги чемпионов
    5 Манчестер Юнайтед 38 19 9 10 49 35 +14 66 Квалификация в групповой этап Лиги Европы
    6 Саутгемптон 38 18 9 11 59 41 +18 63 Квалификация в групповой этап Лиги Европы
    7 Вест Хэм Юнайтед 38 16 14 8 65 51 +14 62 Квалификация в третий квалификационный раунд Лиги Европы
    8 Ливерпуль 38 16 12 10 63 50 +13 60
    9 Сток Сити 38 14 9 15 41 55 −14 51
    10 Челси 38 12 14 12 59 53 +6 50
    11 Эвертон 38 11 14 13 59 55 +4 47
    12 Суонси Сити 38 12 11 15 42 52 −10 47
    13 Уотфорд 38 12 9 17 40 50 −10 45
    14 Вест Бромвич Альбион 38 10 13 15 34 48 −14 43
    15 Хрустальный дворец 38 11 9 18 39 51 −12 42
    16 АФК Борнмут 38 11 9 18 45 67 −22 42
    17 Сандерленд 38 9 12 17 48 62 −14 39
    18 Ньюкасл Юнайтед (R) 38 9 10 19 44 65 −21 37 Понижение в чемпионате Футбольной лиги
    19 Норвич Сити (R) 38 9 7 22 39 67 −28 34 Переход в Чемпионат Футбольной лиги
    20 Астон Вилла (R) 38 3 8 27 27 76 −49 17 Понижение в чемпионате Футбольной лиги

    HTML

     <таблица>
      
        
          Позиция
          Команда
          Плд
          W
          D
          L
          GF
          GA
          GD
          Очки
          Квалификация или понижение
        
      
      
        
          Позиция
          Команда
          Плд
          W
          D
          L
          GF
          GA
          GD
          Очки
          Квалификация или понижение
        
      
      <тело>
        
          1
          Лестер Сити (C)
          
          <тд>38
          <тд>23
          12
          <тд>3
          68
          <тд>36
          +32
          81
          Квалификация для Групповой этап Лиги чемпионов
        
        
          <й>2
          Арсенал
          <тд>38
          20
          11
          <тд>7
          65
          <тд>36
          <тд>+29
          <тд>71
          Квалификация на групповой этап Лиги чемпионов
        
        
          3
          Тоттенхэм Хотспур
          <тд>38
          <тд>19
          <тд>13
          <тд>6
          69
          <тд>35
          +34
          <тд>70
          Квалификация на групповой этап Лиги чемпионов
        
        
          <й>4
          Манчестер Сити
          <тд>38
          <тд>19
          <тд>9
          <тд>10
          <тд>71
          41
          +30
          66
          Квалификация для участия в игра в Лиге чемпионов- вне раунда
        
        
          5
          Манчестер Юнайтед
          <тд>38
          <тд>19
          <тд>9
          <тд>10
          <тд>49
          <тд>35
          +14
          66
          Квалификация на групповой этап Лиги Европы
        
        
          6
          Саутгемптон
          <тд>38
          18
          <тд>9
          11
          <тд>59
          41
          +18
          63
          Квалификация на групповой этап Лиги Европы
        
        
          7
          Вест Хэм Юнайтед
          <тд>38
          16
          14
          8
          65
          <тд>51
          +14
          <тд>62
          Квалификация для Третий отборочный раунд Лиги Европы
        
        
          8
          Ливерпуль
          <тд>38
          16
          12
          <тд>10
          63
          50
          +13
          60
          <тд>
        
        
          <й>9
          Сток Сити
          <тд>38
          14
          <тд>9
          15
          41
          <тд>55
          <тд>−14
          <тд>51
          <тд>
        
        
          10
          Челси
          <тд>38
          12
          14
          12
          <тд>59
          <тд>53
          +6
          50
          <тд>
        
        
          11
          Эвертон
          <тд>38
          11
          14
          <тд>13
          <тд>59
          <тд>55
          +4
          <тд>47
          <тд>
        
        
          12
          Суонси Сити
          <тд>38
          12
          11
          15
          42
          52
          <тд>−10
          <тд>47
          <тд>
        
        
          13
          Уотфорд
          <тд>38
          12
          <тд>9
          17
          <тд>40
          50
          <тд>−10
          <тд>45
          <тд>
        
        
          14
          Вест Бромвич Альбион
          <тд>38
          <тд>10
          <тд>13
          15
          <тд>34
          48
          <тд>−14
          <тд>43
          <тд>
        
        
          15
          Кристал Пэлас
          <тд>38
          11
          <тд>9
          18
          <тд>39
          <тд>51
          <тд>−12
          42
          <тд>
        
        
          16
          AFC Bournemouth
          <тд>38
          11
          <тд>9
          18
          <тд>45
          67
          <тд>−22
          42
          <тд>
        
        
          17
          Сандерленд
          <тд>38
          <тд>9
          12
          17
          48
          <тд>62
          <тд>−14
          <тд>39
          <тд>
        
        
          18
          Ньюкасл Юнайтед (R)
          
          <тд>38
          <тд>9
          <тд>10
          19
          <тд>44
          65
          <тд>−21
          <тд>37
          Понижение в Чемпионат Футбольной лиги< /тд>
        
        
          19
          Норвич Сити (R)
          
          <тд>38
          <тд>9
          <тд>7
          22
          <тд>39
          67
          <тд>−28
          <тд>34
          Понижение в Чемпионат Футбольной лиги< / тд> 
        
          20
          Астон Вилла (R)
          
          <тд>38
          <тд>3
          8
          27
          27
          76
          <тд>−49
          17
          Понижение в Чемпионат Футбольной лиги< /тд>
        
      
     

    Модификаторы #

    Добавьте границ ко всем ячейкам.

    таблица с рамкой

    Один Два
    Три Четыре

    Добавьте в таблицу полосок .

    стол полосатый

    Один Два
    Три Четыре
    Пять Шесть
    Семь Восемь
    Девять Десять
    Одиннадцать Двенадцать

    Сделать ячейки уже .

    стол узкий

    Один Два
    Три Четыре
    Пять Шесть
    Семь Восемь
    Девять Десять
    Одиннадцать Двенадцать

    Вы можете добавить эффект наведения на каждую строку

    table is-hoverable

    Один Два
    Три Четыре
    Пять Шесть
    Семь Восемь
    Девять Десять
    Одиннадцать Двенадцать

    У вас может быть таблица полной ширины .

    таблица-полная ширина

    Один Два
    Три Четыре
    Пять Шесть
    Семь Восемь
    Девять Десять
    Одиннадцать Двенадцать

    Можно комбинировать все пять модификаторов.

    таблица с рамкой полосатая с узким наведением по полной ширине

    Один Два
    Три Четыре
    Пять Шесть
    Семь Восемь
    Девять Десять
    Одиннадцать Двенадцать

    Настольный контейнер #

    Вы можете создать прокручиваемую таблицу , обернув таблицу в элемент таблицы-контейнера :

     <дел>
      <таблица>
        
      
    

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100
    2 4 6 8 10 12 14 16 18 20 22 24 26 28 30 32 34 36 38 40 42 44 46 48 50 52 54 56 58 60 62 64 66 68 70 72 74 76 78 80 82 84 86 88 90 92 94 96 98 100 102 104 106 108 110 112 114 116 118 120 122 124 126 128 130 132 134 136 138 140 142 144 146 148 150 152 154 156 158 160 162 164 166 168 170 172 174 176 178 180 182 184 186 188 190 192 194 196 198 200
    3 6 9 12 15 18 21 24 27 30 33 36 39 42 45 48 51 54 57 60 63 66 69 72 75 78 81 84 87 90 93 96 99 102 105 108 111 114 117 120 123 126 129 132 135 138 141 144 147 150 153 156 159 162 165 168 171 174 177 180 183 186 189 192 195 198 201 204 207 210 213 216 219 222 225 228 231 234 237 240 243 246 249 252 255 258 261 264 267 270 273 276 279 282 285 288 291 294 297 300
    4 8 12 16 20 24 28 32 36 40 44 48 52 56 60 64 68 72 76 80 84 88 92 96 100 104 108 112 116 120 124 128 132 136 140 144 148 152 156 160 164 168 172 176 180 184 188 192 196 200 204 208 212 216 220 224 228 232 236 240 244 248 252 256 260 264 268 272 276 280 284 288 292 296 300 304 308 312 316 320 324 328 332 336 340 344 348 352 356 360 364 368 372 376 380 384 388 392 396 400
    5 10 15 20 25 30 35 40 45 50 55 60 65 70 75 80 85 90 95 100 105 110 115 120 125 130 135 140 145 150 155 160 165 170 175 180 185 190 195 200 205 210 215 220 225 230 235 240 245 250 255 260 265 270 275 280 285 290 295 300 305 310 315 320 325 330 335 340 345 350 355 360 365 370 375 380 385 390 395 400 405 410 415 420 425 430 435 440 445 450 455 460 465 470 475 480 485 490 495 500

    Переменные #

    Имя

    Тип

    Значение

    Вычисленное значение

    Вычисленный тип

     $ Table-Color 

    Переменная

     $ Text-Strong 
     HSL (0, 0%, 21%) 

     HSL (0, 0%, 21%) 

     $ HSL (0, 0%, 21%) 

     (0, 0%, 21%) table-background-color 

    переменная

     $scheme-main 
     hsl(0, 0%, 100%) 

    color

     $table-cell-border 

    size

    95 table
     1px 90 solid $border -cell-border-width 

    размер

     0 0 1px 
     $table-cell-padding 

    размер

     0.