Персональный сайт

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

tgp — Sat, 21 May 2011 19:31:51 GMT

Не ходите, дети, в сети гулять

Персональные данные в интернете совершенно не защищены $CUT$

Утечка персональных данных с их электронных носителей становится обыденным явлением. Наверное, не проходит недели, чтобы до нас не дошли сведения об очередной потенциальной утечке персональной информации и возможном ее использовании без согласия на то простых пользователей. На этот раз угроза оказалась глобальной - в потенциальной утечке данных пользователей подозревается крупнейшая в мире социальная сеть Facebook. Проблема была обнаружена специалистами компании Symantec, которая как раз специализируется на информационной безопасности.

Судя по его работе, проблема не в самом Facebook, а в приложениях, которые разрабатывают сторонние компании и которые запрашивают некоторые персональные данные. Из-за погрешности в системе безопасности рекламодатели могли получать доступ к личной информации - фотографиям, сообщениям в чатах. Причем не только в режиме просмотра, но действовать от имени пользователей - отправлять письма, сообщения, то есть рассылать спам. По заявлению исследователей и представителей Facebook, фактов о том, чтобы кто-то воспользовался этой "дыркой", пока нет.---На самом деле это не столько "дырка", сколько специальные маркеры (tokens), которые используются приложениями для выполнения определенных действий от имени пользователя или получения доступа к его профилю или профилю его друзей. Маркер можно сравнить с "запасным ключом" для входа в личные апартаменты пользователя в Facebook. Считается, что по апрель этого года такую возможность имели порядка 100 000 приложений социальной сети. Это значит, возможна была потенциальная утечка миллионов маркеров, которые могли бы оказаться в руках, а точнее, в базах данных маркетологов и рекламистов. В настоящий момент эта уязвимость якобы устранена.

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

Что самое грустное, история с Facebook не первая и, наверное, не последняя. Вся ситуация с использованием персональных данных держится буквально на честном слове тех, кто эти персональные данные так или иначе использует. Использует пусть и по разрешению пользователя, однако скорее это можно назвать "злоупотребление доверием".

Так, в конце апреля в онлайн-издании "O'Reilly Radar" появилось сообщение британских разработчиков Пита Уордена и Аластера Алана о том, что в файле с названием consolidated.db, который сохраняется на iPhone и iPad, среди прочего записывается информация о местоположении гаджета, а значит, и его владельца. Формально это были не координаты, фиксируемые модулем GPS, а данные о регистрации аппарата в сотах мобильной сети и хотспотах Wi-Fi, однако все они имеют географическую привязку, которую можно найти в свободном доступе. В результате они сочинили простенькую программку, которая переводила эти на первый взгляд бессмысленные записи в трек, который можно отобразить на карте. Таким образом, путь, пройденный владельцем iPhone, перестает быть тайной и может быть использован не по назначению. Более того, при синхронизации с компьютером этот файл в незашифрованном виде дублировался на нем. А потому может быть доступен любому, кто имеет доступ к этому компьютеру.Apple, естественно, не согласилась с жесткими оценками о том, что компания следит за iPhone частных лиц. А сбор информации о сотах и хотспотах необходимы для того, чтобы аппараты могли точнее определять свое местоположение, используя данные, поступающие от десятков тысяч гаджетов. В Apple утверждают, что получаемая информация передается "в центр" анонимно и в зашифрованном виде, а в памяти аппарата хранится лишь ее часть. А iTunes снимает с этого файла резервную копию. В настоящее время компания пошла на уступки и уменьшила время хранения файла до недели. А Стив Джобс не только отверг все обвинения в слежке, но и недвусмысленно обвинил в этом грехе конкурирующую мобильную платформу - Android.Однако на сенатских слушаниях обе компании опровергли тезис о слежке за пользователями, хотя признали, что собирают личную информацию о них. То, что собираемая информация оказывается доступной третьим лицам, они считают скорее технической ошибкой, которую можно исправить. Однако сколько таких ошибок может быть в операционных системах мобильных устройств, никто не знает. Кстати, о пресловутом файле consolidated.db было известно уже давно, однако у разработчиков просто не доходили руки им заняться.Сбор информации о пользователях неизбежен, ведь за пользование бесплатными сервисами, которыми являются социальные сети, приложения для смартфонов, необходимо расплачиваться. Более удобный мир для пользователя также требует определенных уступок. Использование навигации, мобильный поиск - все это в той или иной мере рассказывает сервисам больше, чем хотелось бы. Социальные сервисы также излишне навязчиво выпрашивают дополнительные сведения, Twitter практически без спроса указывает ваше местоположение, в котором была произведена запись, и все это под уверения о святости и неприкосновенности персональных данных.

Справочник по CSS (Единицы измерения CSS)

tgp — Thu, 19 May 2011 14:56:14 GMT

Данный справочник создан на основе различных материалов по CSS и веб-технологиям. $CUT$

Что такое CSS и как применить

Свойства шрифта

Цветовая гамма

Свойства текста

Свойства текста, содержащего иероглифы

Расположение элементов

Границы элементов

Классификации

Принтер

Псевдостили гиперссылок

Псевдостили текста

Правила

Единицы измерения CSS

Единицы измерения CSS

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

Единица измерения	Обозначение
Высота буквы M текущего шрифта	em
Высота буквы x текущего шрифта	ex
Пикселы	px
Пункты	pt
Пики	pc
Дюймы	in
Миллиметры	mm
Сантиметры	cm

Справочник по CSS (Правила)

tgp — Thu, 19 May 2011 14:39:53 GMT

Данный справочник создан на основе различных материалов по CSS и веб-технологиям. $CUT$

Правила

Правила используются в таблицах стилей для особых нужд.
charset - Задает текстовую кодировку для внешней таблицы стилей.
@charset {Кодировка};: Пример:; @charset "windows-1251";; Может использоваться только во внешних таблицах стилей; должна быть первой строкой в файле.
Поддерживается IE начиная с 4.0
font-face - задает файл загружаемого шрифта для использования на Web-странице.
@font-face {Определение загружаемого шрифта};: Определение загружаемого шрифта имеет следующий формат:; font-family: {Имя шрифта}; src: url({Интернет-адрес файла шрифта}) }; Пример:; @font-face {; font-family: comic;; src: url(http://www.youodmain.com/comic_font_file.eot); }
Поддерживается IE начиная с 4.0
import - импортирует внешную таблицу стилей.
@import url("{Интернет-адрес файла таблицы стилей}");: Пример:; @import url("http://www.youdomain.com/style_file.css");
Поддерживается IE начиная с 4.0
page - используется при задании размеров, ориентаций и полей печатной страницы в таблице стилей.
@page {Селектор страницы} {Правила}: Селектор страницы может принимать одно из трех значений:; first: - первая печатная страница;; left: - четная страница;; right: - нечетная страница.; Пример:; @page :first {margin-top: 2cm; margin-bottom: 2cm;}; Здесь мы задали для первой печатной страницы поля по два сантиметра сверху и снизу.
Поддерживается IE начиная с 5.5
important - используется для задания неперекрываемых установок стиля.
{Установки слиля}!important: Пример:; P { color: red !important}; Здесь установки, сделанные для текстового абзаца
Поддерживается IE начиная с 4.0

Справочник по CSS (Псевдостили текста)

tgp — Thu, 19 May 2011 14:32:26 GMT

Данный справочник создан на основе различных материалов по CSS и веб-технологиям. $CUT$

Псевдостили текста

Псевдостили применяются некоторым элементам текстовых абзацев, например, к первой строке абзаца или первой букве первой строки.
first-letter - применяется к первой букве первой строки абзаца. Может использоваться для создания буквиц.
{Задание стиля абзаца}:first-letter {Определение стиля};: Пример:; st:first-letter {font-size: 16pt;}; По умолчанию в IE первые буквы первых строк абзацев никак не выделяются.
Поддерживается IE начиная с 5.0
first-line - применяется к первой строке абзаца.
{Задание стиля абзаца}:first-line{Определение стиля};: Пример:; st:first-line {text-decoration: underline;}; По умолчанию в IE первые строки абзацев никак не выделяются.
Поддерживается IE начиная с 5.0

Справочник по CSS (Псевдостили гиперссылок)

tgp — Thu, 19 May 2011 14:27:17 GMT

Данный справочник создан на основе различных материалов по CSS и веб. $CUT$

Псевдостили гиперссылок

Псевдостили применяются к гиперссылкам
active - применяется к активным гиперссылкам, т.е. гиперссылкам, на которых находится фокус ввода пользователя.
{Задание стиля гиперссылки}:active {Определение стиля};: Аналогичен атрибуту alink тега; Пример:; A:active {color: lime;}; ктивная гиперссылка будет ярко-зеленой.; По умолчанию в IE активные гиперссылки выделяются красным цветом.
Поддерживается IE начиная с 4.0
hover - применяется к гиперссылкам, когда пользователь помещает над ними курсор мыши.
{Задание стиля гиперссылки}:hover {Определение стиля};: Пример:; A:hover {color: lime; text-decoration: none;}; Гиперссылка, при наведении на нее мыши, будет ярко-зеленой и неподчеркнутой.; По умолчанию в IE гиперссылки подчеркиваются, когда пользователь помещает над ними курсор мыши.
Поддерживается IE начиная с 4.0
link - применяется к не посещенным еще пользователем гиперссылкам.
{Задание стиля гиперссылки}:link {Определение стиля};: Аналогичен атрибуту link тега; Пример:; A:link {color: black;}; По умолчанию в IE непосещенные гиперссылки отображаются синим цветом.
Поддерживается IE начиная с 3.02
visited - применяется к уже посещенным пользователем гиперссылкам.
{Задание стиля гиперссылки}:visited {Определение стиля};: Аналогичен атрибуту vlink тега; Пример:; A:link {color: indigo;}; По умолчанию в IE посещенные гиперссылки отображаются бордовым цветом.
Поддерживается IE начиная с 3.02

Справочник по CSS (Принтер)

tgp — Thu, 19 May 2011 14:20:59 GMT

Данный справочник создан на основе различных материалов по CSS и веб-технологиям. $CUT$

Принтер

page-break-after - устанавливает, будет ли после текущего элемента при печати Web-страницы производиться прогон листа.
page-break-after: auto|always|empty string;: page-break-after: auto; - передает управление размещением информации на листе операционной системе (значение по умолчанию);; page-break-after: always; - заставляет принтер прогнать лист после печати текущего элемента страницы;; page-break-after: empty string; - запрещает принтеру делать это в любом случае.
Поддерживается IE начиная с 4.0
page-break-before - устанавливает, будет ли перед текущего элемента при печати Web-страницы производиться прогон листа.
page-break-before: auto|always|empty string;: page-break-before: auto; - передает управление размещением информации на листе операционной системе (значение по умолчанию);; page-break-before: always; - заставляет принтер прогнать лист перед печатью текущего элемента страницы;; page-break-before: empty string; - запрещает принтеру делать это в любом случае.
Поддерживается IE начиная с 4.0

Справочник по CSS (Классификации)

tgp — Thu, 19 May 2011 14:16:23 GMT

Данный справочник создан на основе различных материалов по CSS и веб-технологиям. $CUT$

Классификации

display - определяет, как будет отображаться элемент.
display: inline|block|none|inline-block|list-item|table-header-group|table-footer-group;: display: inline; - (значение по умолчанию) заставляет элемент страницы вести себя как встроенный. При этом он располагается внутри текста, его позиция и размеры рассчитываются согласно позиции и размерам текста. Пример встроенного элемента -; display: block; - делает элемент страницы блочным. При этом его можно свободно позиционировать. Пример блочного элемента -; display: none; - делает элемент страницы невидимым. При этом страница отображается так, будто этого элемента вообще не существует;; display: inline-block; - аналогично inline, но содержимое страницы ведет себя как блочный элемент (не поддерживается NN);; display: list-item; - аналогично block, но при этом элемент страницы считается позицией списка (ставится маркер);; display: table-header-group; - заставляет элемент страницы отображаться после верхнего заголовка таблицы и перед всеми строками данных (аналогично тегу; display: table-footer-group; - заставляет элемент страницы отображаться перед основанием таблицы и после всех строк данных (аналогично тегу
Поддерживается IE и NN начиная с 4.0
position - устанавливает, каким образом вычисляется положение элемента в плоскости экрана.
position: static|absolute|relative;: position: static; - (значение по умолчанию) задает статическое позиционирование, при котором элемент страницы отображается внутри общего "потока" текста, т.е. не свободно. Значения атрибутов bottom, left, right и top при этом не принимаются Web-обозревателем во внимание;; position: absolute; - задает абсолютное свободное позиционирование. Значения атрибутов bottom, left, right и top при этом задают абсолютные координаты элемента страницы относительно родителя;; position: relative; - задает относительное свободное позиционирование. Значения атрибутов bottom, left, right и top при этом задают смещение координат элемента страницы от точки, в которой он был отображен, будь атрибут position установлен в static.
Поддерживается IE и NN начиная с 4.0
z-index - задает порядок перекрытия свободно позиционированными объектами друг друга.
z-index: auto|{Порядок перекрытия}|;: Порядок перекрытия задается положительными или отрицательным целым числом. При этом элементы с большим значением этого атрибута будут перекрывать элементы с меньшим значением. Предопределенное значение auto задает порядок перекрытия по умолчанию, когда элементы, определенные в HTML-коде раньше, перекрываются заданными позже.; Значение по умолчанию auto.
Поддерживается IE и NN начиная с 4.0
visibility - позволяет элементу быть видимым или невидимым на странице.
visibility: inherit|visible|hidden;: visibility: inherit - (значение по умолчанию) элемент виден, если его родительский элемент является видимым (наследует видимость);; visibility: visible - делает элемент страницы видимым;; visibility: hidden - невидимым.
Поддерживается IE и NN начиная с 4.0
clip - задает прямоугольный фрагмент элемента страницы, который будет видим.
clip: auto|rect({Верхняя граница} {Правая граница} {Нижняя граница} {Левая граница});: Предопределенное значение auto задает видимость всего элемента страницы. Оно же является значением по умолчанию. Для того чтобы ограничить видимую часть элемента страницы прямоугольным фрагментом, задаются четыре координаты границ этого прямоугольника, разделенные пробелами.
Поддерживается IE и NN начиная с 4.0
white-space - задает, будут ли строки текста, содержащегося в элементе страницы, автоматически переноситься, если они не помещаются в нем по ширине.
white-space: normal|nowrap|pre;: white-space: normal; - (значение по умолчанию) включает автоматический перенос длинных строк;; white-space: nowrap; - отключает автоматический перенос строк. Чтобы "разорвать" строку вручную, вставьте в нужном месте тег; white-spice: pre; - не поддерживается;
Поддерживается IE начиная с 5.5 и NN начиная с 4.0
cursor - определяет форму курсора мыши, которую он принимает при наведении на элемент страницы.
cursor: auto|crosshair|default|hand|move|*-resize|text|wait|help;: cursor: auto - (значение по умолчанию) заставляет Web-обозреватель самому определять нужную форму курсора мыши;; cursor: crosshair - крестообразный курсор;; cursor: default - курсор по умолчанию, обычно стрелка;; cursor: hand - "указывающий перст";; cursor: move - стрелка, указывающая "на все четыре стороны";; cursor: e-resize; cursor: ne-resize; cursor: nw-resize; cursor: n-resize; cursor: se-resize; cursor: sw-resize; cursor: s-resize; cursor: w-resize; cursor: text - текстовой курсор;; cursor: wait - "песочные часы", курсор ожидания;; cursor: help - стрелка с вопросительным знаком.
Поддерживается IE начиная с 4.0
list-style - задает параметры маркера или номера позиции списка.
Заменяет атрибуты list-style-image, list-style-position и list-style-type.
Значения этих атрибутов могут располагаться в любом порядке.: list-style: [{list-style-image}] [{list-style-position}] [{list-style-type}];; Значение по умолчанию disk outside none.
Поддерживается IE начиная с 4.0
list-style-image - задает графическое изображение, отображаемое в качестве маркера позиции списка. Имеет приоритет над атрибутом list-style-type.: list-style-image: none|url({Интернет-адрес файла изображения});; Если задано предопределенное значение none, то стиль маркера берется из установок атрибута list-style-type, если он задан, или отображается маркер по умолчанию. Если задан интернет-адрес файла изображения, то оно отображается в качестве маркера, перекрывая установки атрибута list-style-type.; Значение по умолчанию none.
Поддерживается IE начиная с 4.0
list-style-position - задает местонахождение маркера позиции списка: в тексте позиции или вне его.: list-style-position: outside|inside;; Доступны два значения. Значение outside (по умолчанию) задает отображение маркера позиции списка вне текста позиции. Значение же inside заставляет Web-обозреватель отобразить маркер позиции в ее тексте в качестве первого символа.
Поддерживается IE начиная с 4.0
list-style-type - задает тип маркера или номер позиции списка.: list-style-type: disc|circle|square|decimal|lower|roman|upper-roman|lower-alpha|upper-alpha|none;; list-style-type: disc; - (значение по умолчанию) отображает сплошной кружок;; list-style-type: circle; - окружность;; list-style-type: square; - сплошной квадрат;; list-style-type: decimal; - нумерует позиции арабскими цифрами;; list-style-type: lower-roman; - малыми римскими;; list-style-type: upper-roman; - большими римскими;; list-style-type: lower-alpha; - помечает позиции малыми латинскими буквами;; list-style-type: upper-alpha; - большими латинскими;; list-style-type: none; - вообще убирает маркер или нумерацию.
Поддерживается IE и NN начиная с 4.0

Справочник по CSS (Границы элементов)

tgp — Thu, 19 May 2011 14:09:45 GMT

Данный справочник создан на основе различных материалов по CSS и веб-технологиям. $CUT$

Границы элементов

border - задает все свойства границ элемента страницы в один прием. Заменяет атрибуты border-color, border-style и border-width. Значения этих атрибутов могут располагаться в любом порядке.
border: [{border-color}] [{border-style}] [{border-width}];: Значение по умолчанию medium none.
Поддерживается IE начиная с 4.0
border-color - (IE) задает цвет всех границ элемента страницы. Заменяет атрибуты border-top-color, border-right-color, border-bottom-color и border-left-color.
border-color: {border-top-color} [{border-right-color}] [{border-bottom-color}] [{border-left-color}];: Может быть задано от одного до четырех значений. Если задано одно значение, оно применяется ко всем четырем границам. Если задано два значения, первое относится к верхней и нижней границам, а второе - к левой и правой. Если задано три значения, то первое применяется к верхней границе, второе - к левой и правой, третье - к нижней.
Поддерживается IE начиная с 4.0
border-color - (NN) задает цвет границ элемента страницы.
border-color: none|{Цвет};: Может быть задано либо цветное значение, либо none, обозначающее отсутствие границ.
Поддерживается NN начиная с 4.0
border-top-color - задает цвет верхней границы элемента страницы.
border-top-color: {Цвет};
Поддерживается IE начиная с 4.0
border-bottom-color - задает цвет нижней границы элемента страницы.
border-bottom-color: {Цвет};
Поддерживается IE начиная с 4.0
border-left-color - задает цвет левой границы элемента страницы.
border-left-color: {Цвет};
Поддерживается IE начиная с 4.0
border-right-color - задает цвет правой границы элемента страницы.
border-right-color: {Цвет};
Поддерживается IE начиная с 4.0
border-style - задает тип сразу всех границ элемента страницы в один прием. Заменяет атрибуты border-top-style, border-right-style, border-bottom-style и border-left-style.
border-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset;: border-style: none; - запрещает рисование границы (значение по умолчанию);; border-style: dotted; - рисует точечную линию (не поддерживается в NN);; border-style: dashed; - рисует штриховую линию (не поддерживается в NN);; border-style: solid; - рисует сплошную линию;; border-style: double; - рисует двойную сплошную линию;; border-style: groove; - рисует трехмерную вдавленную границу;; border-style: ridge; - рисует трехмерную выпуклую границу;; border-style: inset; - рисует трехмерную "ступеньку вверх";; border-style: outset; - рисует трехмерную "ступеньку вниз".
Поддерживается IE и NN начиная с 4.0
border-top-style - задает тип верхней границы элемента страницы.
border-top-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset;: border-top-style: none; - запрещает рисование границы (значение по умолчанию);; border-top-style: dotted; - рисует точечную линию (не поддерживается в NN);; border-top-style: dashed; - рисует штриховую линию (не поддерживается в NN);; border-top-style: solid; - рисует сплошную линию;; border-top-style: double; - рисует двойную сплошную линию;; border-top-style: groove; - рисует трехмерную вдавленную границу;; border-top-style: ridge; - рисует трехмерную выпуклую границу;; border-top-style: inset; - рисует трехмерную "ступеньку вверх";; border-top-style: outset; - рисует трехмерную "ступеньку вниз".
Поддерживается IE начиная с 4.0
border-bottom-style - задает тип нижней границы элемента страницы.
border-bottom-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset;: border-bottom-style: none; - запрещает рисование границы (значение по умолчанию);; border-bottom-style: dotted; - рисует точечную линию (не поддерживается в NN);; border-bottom-style: dashed; - рисует штриховую линию (не поддерживается в NN);; border-bottom-style: solid; - рисует сплошную линию;; border-bottom-style: double; - рисует двойную сплошную линию;; border-bottom-style: groove; - рисует трехмерную вдавленную границу;; border-bottom-style: ridge; - рисует трехмерную выпуклую границу;; border-bottom-style: inset; - рисует трехмерную "ступеньку вверх";; border-bottom-style: outset; - рисует трехмерную "ступеньку вниз".
Поддерживается IE начиная с 4.0
border-left-style - задает тип левой границы элемента страницы.
border-left-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset;: border-left-style: none; - запрещает рисование границы (значение по умолчанию);; border-left-style: dotted; - рисует точечную линию (не поддерживается в NN);; border-left-style: dashed; - рисует штриховую линию (не поддерживается в NN);; border-left-style: solid; - рисует сплошную линию;; border-left-style: double; - рисует двойную сплошную линию;; border-left-style: groove; - рисует трехмерную вдавленную границу;; border-left-style: ridge; - рисует трехмерную выпуклую границу;; border-left-style: inset; - рисует трехмерную "ступеньку вверх";; border-left-style: outset; - рисует трехмерную "ступеньку вниз".
Поддерживается IE начиная с 4.0
border-right-style - задает тип правой границы элемента страницы.
border-right-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset;: border-right-style: none; - запрещает рисование границы (значение по умолчанию);; border-right-style: dotted; - рисует точечную линию (не поддерживается в NN);; border-right-style: dashed; - рисует штриховую линию (не поддерживается в NN);; border-right-style: solid; - рисует сплошную линию;; border-right-style: double; - рисует двойную сплошную линию;; border-right-style: groove; - рисует трехмерную вдавленную границу;; border-right-style: ridge; - рисует трехмерную выпуклую границу;; border-right-style: inset; - рисует трехмерную "ступеньку вверх";; border-right-style: outset; - рисует трехмерную "ступеньку вниз".
Поддерживается IE начиная с 4.0
border-width - задает толщину всех границ элемента страницы. Заменяет атрибуты border-top-width, border-right-width, border-bottom-width и border-left-width.
border-width: {border-top-width} [{border-right-width}] [{border-bottom-width}] [{border-left-width}];: Может быть задано от одного до четырех значений. Если задано одно значение, оно применяется ко всем четырем границам. Если задано два значения, первое относится в верхней и нижней границам, а второе - к левой и правой. Если задано три значения, то первое применяется к верхней границе, второе - к левой и правой, третье - к нижней.; Толщина может быть задана числовым значением. Также доступны три предопределенных значения: thin, medium, thick, рисующие тонкую, среднюю и толстую линию соответственно.; Значение по умолчанию medium.
Поддерживается IE и NN начиная с 4.0
border-top-width - задает толщину верхней границы элемента страницы.
border-top-width: medium|thin|thick|{Толщина};: Толщина может быть задана числовым значением. Также доступны три предопределенных значения: thin, medium, thick, рисующие тонкую, среднюю и толстую линию соответственно.; Значение по умолчанию medium.
Поддерживается IE и NN начиная с 4.0
border-bottom-width - задает толщину нижней границы элемента страницы.
border-bottom-width: medium|thin|thick|{Толщина};: Толщина может быть задана числовым значением. Также доступны три предопределенных значения: thin, medium, thick, рисующие тонкую, среднюю и толстую линию соответственно.; Значение по умолчанию medium.
Поддерживается IE и NN начиная с 4.0
border-left-width - задает толщину левой границы элемента страницы.
border-left-width: medium|thin|thick|{Толщина};: Толщина может быть задана числовым значением. Также доступны три предопределенных значения: thin, medium, thick, рисующие тонкую, среднюю и толстую линию соответственно.; Значение по умолчанию medium.
Поддерживается IE и NN начиная с 4.0
border-right-width - задает толщину правой границы элемента страницы.
border-right-width: medium|thin|thick|{Толщина};: Толщина может быть задана числовым значением. Также доступны три предопределенных значения: thin, medium, thick, рисующие тонкую, среднюю и толстую линию соответственно.; Значение по умолчанию medium.
Поддерживается IE и NN начиная с 4.0
border-top - задает все свойства верхней границы элемента страницы за один прием. Заменяет атрибуты border-top-color, border-top-style и border-top-width. Значения этих атрибутов могут располагаться в любом порядке.
border-top: [{border-top-color}] [{border-top-style}] [{border-top-width}];: Значение по умолчанию medium none.
Поддерживается IE начиная с 4.0
border-bottom - задает все свойства нижней границы элемента страницы за один прием. Заменяет атрибуты border-bottom-color, border-bottom-style и border-bottom-width. Значения этих атрибутов могут распологаться в любом порядке.
border-bottom: [{border-bottom-color}] [{border-bottom-style}] [{border-bottom-width}];: Значение по умолчанию medium none.
Поддерживается IE начиная с 4.0
border-left - задает все свойства левой границы элемента страницы за один прием. Заменяет атрибуты border-left-color, border-left-style и border-left-width. Значения этих атрибутов могут распологаться в любом порядке.
border-left: [{border-left-color}] [{border-left-style}] [{border-left-width}];: Значение по умолчанию medium none.
Поддерживается IE начиная с 4.0
border-right - задает все свойства правой границы элемента страницы за один прием. Заменяет атрибуты border-right-color, border-right-style и border-right-width. Значения этих атрибутов могут распологаться в любом порядке.
border-right: [{border-right-color}] [{border-right-style}] [{border-right-width}];: Значение по умолчанию medium none.
Поддерживается IE начиная с 4.0
border-collapse - задает, будут ли границы ячеек и общая граница таблицы сливаться в одну или нет. Применяется только для тега
border-collapse: separate|collapse;: border-collapse: separate; - разделяет границу табилицы и границы ее ячеек (значение по умолчанию);; border-collapse: collapse; - объединяет их.
Поддерживается IE начиная с 5.0

Справочник по CSS (Расположение элементов)

tgp — Thu, 19 May 2011 14:01:52 GMT

Данный справочник создан на основе различных материалов по CSS и веб-технологиям. $CUT$

Расположение элементов

margin - задает ширины полей между элементами страницы и его соседями. Заменяет атрибуты margin-top, margin-right, margin-bottom и margin-left.
margin: {margin-top} [{margin-right}] [{margin-bottom}] [{margin-left}];: Может быть задано от одного до четырех значений. Если задано одно значение, оно применяется ко всем четырем полям. Если задано два значения, первое относится к верхнему и нижнему полю, а второе - к левому и правому. Если задано три значения, то первое применяется к верхнему полю, второе - к левому и правому, третье - к нижнему.
Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых.
Поддерживается NN начиная с 4.0
margin-top - задает верхнее поле между элементом страницы и его соседями сверху.
margin-top: auto|{Y}|{Y}%;: Координата может быть задана как абсолютной величиной, так и процентом от высоты родителя. Предопределенное значение auto заставляет Web-обозреватель устанавливать поле самостоятельно. При этом если задан атрибут margin-bottom, значение верхнего поля устанавливается равным значению нижнего поля. Значение по умолчанию auto.
Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых.
Поддерживается NN начиная с 4.0
margin-right - задает правое поле между элементом страницы и его соседями справа.
margin-right: auto|{X}|{X}%;: Координата может быть задана как абсолютной величиной, так и процентом от ширины родителя. Предопределенное значение auto заставляет Web-обозреватель устанавливать поле самостоятельно. При этом если задан атрибут margin-left, значение правого поля устанавливается равным значению левого поля. Значение по умолчанию auto.
Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых.
Поддерживается NN начиная с 4.0
margin-bottom - задает нижнее поле между элементом страницы и его соседями снизу.
margin-bottom: auto|{Y}|{Y}%;: Координата может быть задана как абсолютной величиной, так и процентом от высоты родителя. Предопределенное значение auto заставляет Web-обозреватель устанавливать поле самостоятельно. При этом если задан атрибут margin-top, значение нижнего поля устанавливается равным значению верхнего поля. Значение по умолчанию auto.
Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых.
Поддерживается NN начиная с 4.0
margin-left - задает левое поле между элементом страницы и его соседями слева.
margin-left: auto|{X}|{X}%;: Координата может быть задана как абсолютной величиной, так и процентом от ширины родителя. Предопределенное значение auto заставляет Web-обозреватель устанавливать поле самостоятельно. При этом если задан атрибут margin-right, значение левого поля устанавливается равным значению правого поля. Значение по умолчанию auto.
Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых.
Поддерживается NN начиная с 4.0
padding - задает отступ между элементом страницы и различными границами. Заменяет атрибуты padding-top.
margin-left: auto|{X}|{X}%;: Координата может быть задана как абсолютной величиной, так и процентом от ширины родителя. Предопределенное значение auto заставляет Web-обозреватель устанавливать поле самостоятельно. При этом если задан атрибут margin-right, значение левого поля устанавливается равным значению правого поля. Значение по умолчанию auto.
Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых.
Поддерживается NN начиная с 4.0
padding-top - задает расстояние между элементом страницы и верхней границей.
pading-top: {Y}|{Y}%;: Координата может быть задана как абсолютной величиной, так и процентом от высоты родителя.; Значение по умолчанию 0, для тега
Поддерживается IE и NN начиная с 4.0
padding-right - задает расстояние между элементом страницы и правой границей.
pading-right: {X}|{X}%;: Координата может быть задана как абсолютной величиной, так и процентом от ширины родителя.; Значение по умолчанию 0, для тега
Поддерживается IE и NN начиная с 4.0
padding-bottom - задает отступ между элементом страницы и нижней границей.
pading-bottom: {Y}|{Y}%;: Координата может быть задана как абсолютной величиной, так и процентом от высоты родителя.; Значение по умолчанию 0, для тега
Поддерживается IE и NN начиная с 4.0
padding-left - задает расстояние между элементом страницы и левой границей.
pading-left: {X}|{X}%;: Координата может быть задана как абсолютной величиной, так и процентом от ширины родителя.; Значение по умолчанию 0, для тега
Поддерживается IE и NN начиная с 4.0
width - задает ширину свободно позиционирования элемента.
width: auto|{X}|{X}%;: Ширина может быть задана как абсолютной величиной, так и процентом от ширины родителя. Предопределенное значение auto заставляет Web-обозреватель устанавливать ширину элемента самостоятельно.; Значение по умолчанию auto.
Поддерживается IE и NN начиная с 4.0
height - задает высоту свободно позиционированного элемента.
height: auto|{X}|{X}%;: Высота может быть задана как абсолютной величиной, так и процентом от ширины родителя. Предопределенное значение auto заставляет Web-обозреватель устанавливать высоту элемента самостоятельно.; Значение по умолчанию auto.
Поддерживается IE и NN начиная с 4.0
top - задает вертикальную позицию верхней границы свободно позиционированного элемента относительно родителя.
top: auto|{Y}|{Y}%;: Координата может быть задана как абсолютной величиной, так и процентом от высоты родителя. Предопределенное значение auto заставляет Web-обозреватель позиционировать элемент самостоятельно.; Значение по умолчанию auto.
Поддерживается IE и NN начиная с 4.0
bottom - задает вертикальную позицию нижней границы свободно позиционированного элемента относительно родителя.
bottom: auto|{Y}|{Y}%;: Координата может быть задана как абсолютной величиной, так и процентом от высоты родителя. Предопределенное значение auto заставляет Web-обозреватель позиционировать элемент самостоятельно.; Значение по умолчанию auto.
Поддерживается IE начиная с 4.0
left - задает горизонтальную позицию левой границы свободно позиционированного элемента относительно родителя.
left: auto|{X}|{X}%;: Координата может быть задана как абсолютной величиной, так и процентом от ширины родителя. Предопределенное значение auto заставляет Web-обозреватель позиционировать элемент самостоятельно.; Значение по умолчанию auto.
Поддерживается IE и NN начиная с 4.0
right - задает горизонтальную позицию правой границы свободно позиционированного элемента относительно родителя.
right: auto|{X}|{X}%;: Координата может быть задана как абсолютной величиной, так и процентом от ширины родителя. Предопределенное значение auto заставляет Web-обозреватель позиционировать элемент самостоятельно.; Значение по умолчанию auto.
Поддерживается IE начиная с 4.0
float - определяет обтекание элемента другими слева или справа вместо помещения под ним.
float: none|left|right;: float: none; - заставляет элемент страницы появляться там, где он задан (используется по умолчанию);; float: left; - принудительно выравнивает элемент страницы по левому краю;; float: right; - по правому краю.
Поддерживается IE начиная с 4.0 для кнопок и внедренных объектов и начиная с 5.0 - для остальных элементов страницы.
Поддерживается NN начиная с 4.0
vertical-align - задает вертикальное выравнивание элемента страницы внутри родителя.
vertical-align: auto|baseline|sub|super|top|text-top|middle|bottom|text-bottom;: vertical-align: auto; - выравнивает элемент страницы согласно значению атрибута layout-flow;; vertical-align: baseline; - задает выравнивание базовой линии элемента страницы по базовой линии родителя (используется по умолчанию);; vertical-align: sub; - превращает текст в нижний индекс;; vertical-align: super; - превращает текст в верхний индекс;; vertical-align: top; - выравнивает верх элемента страницы по самому верху родителя;; vertical-align: text-top; - выравнивает верх текста элемента страницы по верху текста родителя;; vertical-align: middle; - выравнивает центр элемента страницы по центру родителя;; vertical-align: bottom; - выравнивает низ элемента страницы по низу родителя;; vertical-align: text-bottom; - выравнивает низ текста элемента страницы по низу текста родителя.
Поддерживается IE начиная с 4.0
overflow - задает поведение элемента страницы, если содержимое в нем не помещается.
overflow: visible|scroll|hidden|auto;: overflow: visible; - заставляет элемент страницы расшириться так, чтобы все его содержимое было видно (значение по умолчанию);; overflow: scroll; - заставляет Web-обозреватель отобразить в элементе страницы полосы прокрутки, пользуясь которыми можно прокручивать его содержимое;; overflow: hidden; - скрывает все то, что выходит за пределы элемента страницы;; overflow: auto; - аналогично scroll за тем исключением, что полосы прокрутки отобаржаются только тогда, когда они реально необходимы (значение по умолчанию для
Поддерживается IE начиная с 4.0
overflow-x - задает поведение элемента страницы, если его ширина меньше ширины содержимого.
overflow-x: visible|scroll|hidden|auto;: overflow: visible; - заставляет элемент страницы расшириться по горизонтали так, чтобы все его содержимое было видно (значение по умолчанию);; overflow: scroll; - заставляет Web-обозреватель отобразить в элементе страницы полосы прокрутки, пользуясь которыми можно прокручивать его содержимое;; overflow: hidden; - скрывает все то, что выходит за пределы элемента страницы;; overflow: auto; - аналогично scroll за тем исключением, что полосы прокрутки отобаржаются только тогда, когда они реально необходимы (значение по умолчанию для
Поддерживается IE начиная с 4.0
overflow-y - задает поведение элемента страницы, если его высота меньше высоты его содержимого.
overflow-y: visible|scroll|hidden|auto;: overflow: visible; - заставляет элемент страницы расшириться по вертикали так, чтобы все его содержимое было видно (значение по умолчанию);; overflow: scroll; - заставляет Web-обозреватель отобразить в элементе страницы полосы прокрутки, пользуясь которыми можно прокручивать его содержимое;; overflow: hidden; - скрывает все то, что выходит за пределы элемента страницы;; overflow: auto; - аналогично scroll за тем исключением, что полосы прокрутки отобаржаются только тогда, когда они реально необходимы (значение по умолчанию для
Поддерживается IE начиная с 4.0
zoom - задает масштаб отображения элемента страницы.
zoom: normal|{Масштаб}|{Масштаб}%;: Масштаб может быть задан как числом с плавающей точкой, обозначающим степень увеличения или уменьшения, так и процентной величиной. Предопределенное значение normal задает масштаб 1.0 или 100%.; Значение по умолчанию normal.
Поддерживается IE начиная с 5.5
table-lowout - позволяет "зафиксировать" значения ширины ячеек таблицы.
table-lawout: auto|fixed;: table-lawout: auto; - устанавливает ширину ячейки по ширине ее содержимого (значение по умолчанию);; table-lawout: fixed; - использует для установки ширин ячеек значения атрибутов WIDTH или, если они не заданы, просто дает ячейкам равную ширину.; Другими словами, задание значения auto позволит точно "подогнать" значения ширин ячеек, но таблица при этом будет выводиться очень долго. Значение fixed этого атрибута позволит Web-обозревателю вывести таблицу значительно быстрее, но Web-дизайнер должен будет сам задать значения ширин ячеек. Это может сильно ускорить вывод больших таблиц на экран.; Применяется только для тега
Поддерживается IE начиная с 5.0

Справочник по CSS (Свойства текста, содержащего иероглифы)

tgp — Thu, 19 May 2011 13:49:36 GMT

Данный справочник создан на основе различных материалов по CSS и веб-технологиям. $CUT$

Свойства текста, содержащего иероглифы

text-justify - задает тип текста по ширине. Значение атрибута text-align при этом должно быть равно justify.
text-justify: auto|newspaper|distribute|distribute-all-lines|distribute-center-last|inter-word|inter-ideograph|inter-cluster|kashida;: text-justify: auto; - отдает управление выравниванием по ширине на усмотрение Web-обозревателя (используется по умолчанию);; text-justify: newspaper; - выравнивает строки, изменяя расстояние между словами и между символами;; text-justify: distribute; - аналогично newspaper и предназначено для азиатских языков (тайский и пр.);; text-justify: distribute-all-lines; - аналогично distribute за тем исключением, что последняя строка абзаца подвергается полному выравниванию. Предназначено для иероглифических языков;; text-justify: distribute-center-last; - не реализовано;; text-justify: inter-word; - выравнивает строки, изменяя только расстояние между словами;; text-justify: inter-ideograph; - выравнивает строки иероглифического текста, изменяя расстояния между словами и между иероглифами;; text-justify: inter-cluster; - выравнивает строки текста на азиатских языках, не содержащих пробелов между словами;; text-justify: kashida; - выравнивает строки текста на арабском языке, изменяя ширину самих символов.
Поддерживается IE начиная с 5.0
text-autospace - позволяет установить, будет ли добавлять дополнительное пространство между фрагментами текста, написанными на разных языках.
text-autospace: none|ideograph-alpha|ideograph-numeric|ideograph-parenthesis|ideograph-space;: text-autospace: none; - запрещает добавлять дополнительное пространство между фрагментами текста (используется по умочанию);; text-autospace: ideograph-alpha; - добавляет дополнительное пространство между иероглифическими и неиероглифическими (литинскими, кириллистическими, греческими и т.д.) фрагментами текста;; text-autospace: ideograph-numeric; - добавляет дополнительное пространство между иероглифическим текстом и цифрами;; text-autospace: ideograph-parenthesis; - добавляет дополнительное пространство между иероглифическим текстом и круглыми скобками;; text-autospace: ideograph-space; - увеличивает ширину пробелов, граничащих с иероглифическим текстом.
Поддерживается IE начиная с 5.0
text-kashida-space - задает процент, на который будут расширяться символы арабского языка при выравнивании текста по ширине. Можно использовать только, если атрибут text-justify равен auto, distribute, kashida или newspaper.
text-kashida-space: {Расширение}%|inherit;: Величина отступа может быть задана как процент свободного пространства между символами, на которое они могут расширяться. Значение 0% (используется по умолчанию) означает, что расширение символов недопустимо, а вместо них будет расширяться свободное пространство; значение 100% - что допустимо расширение только символов, но не свободного пространства.
Поддерживается IE начиная с 5.5
line-break - задает правила разрыва строк для текста на японском языке.
line-break: normal|strict;: line-break: normal; - задает обычные правила разрыва японского текста (значение по умолчанию);; line-break: strict; - задает строгие правила.
Поддерживается IE начиная с 5.0
word-break - включает или отключает поддержку переноса строк по словам (а не только по пробелам) для текстов, содержащих фрагменты на разных языках.
word-break: normal|break-all|keep-all;: word-break: normal; - разрешает строкам "разрываться" по слову (используется по умолчанию);; word-break: break-all; - предназначено для текстов на азиатских языках с небольшими иноязычными фрагментами;; word-break: keep-all; - предназначено для текстов, включающих фрагменты на иероглифических языках.
Поддерживается IE начиная с 5.0
ime-mode - задает состояние IME (Input Method Editor - редактор способа ввода), с помощью которого вводятся иероглифические тексты на китайском, корейском и японском языках. Этот атрибут применяется только для полей ввода.
ime-mode: auto|active|inactive|disabled;: ime-mode: auto; - передает управление IME Web-обозревателю (значение по умолчанию);; ime-mode: active; - активизирует IME. Пользователь может его деактивизировать;; ime-mode: inactive; - деактивизирует IME. Пользователь может его активизировать;; ime-mode: disabled; - отключает IME.
Поддерживается IE начиная с 5.0
layout-flow - задает направление написания текста: по горизонтали или по вертикали.
layout-flow: horizontal|vertical-ideographic;: layout-flow: horozontal; - задает горизонтальное направление написания текста (значение по умолчанию);; layout-flow: vertical-ideographic; - вертикальное направление написания текста.
Поддерживается IE начиная с 5.5. В настоящее время признан устаревшим; вместо него рекомендуется использовать атрибут writing-mode.
layout-grid - задает параметры разметки элемента страницы, используемой для вывода иероглифических текстов на китайском, корейском и японском языках. Заменяет атрибуты layout-grid-char, layout-grid-line, layout-grid-mode и layout-grid-type.
layout-grid: [{layout-grid-char}] [{layout-grid-line}] [{layout-grid-mode}] [{layout-grid-type}]: Значения этих атрибутов могут распологаться в любом порядке.; Значение по умолчанию - both loose none none.
Поддерживается IE начиная с 5.0
layout-grid-char - задает шаг горизонтальной разметки элемента страницы, используемой для вывода иероглифических текстов на китайском, корейском и японском языках.
layout-grid-char: none|auto|{Y}{Y}%;: Шаг разметки может быть задан как абсолютной величиной, так и процентом от шага разметки родителя. Предопределенное значение auto заставляет Web-обозреватель устанавливать шаг разметки по максимальному символу текста. Другое предопределенное значение none вообще отключает разметку.; Значение по умолчанию - none.
Поддерживается IE начиная с 5.0
layout-grid-line - задает шаг вертикальной разметки элемента страницы, используемой для вывода иероглифических текстов на китайском, корейском и японском языках.
layout-grid-line: none|auto|{Y}{Y}%;: Шаг разметки может быть задан как абсолютной величиной, так и процентом от шага разметки родителя. Предопределенное значение auto заставляет Web-обозреватель устанавливать шаг разметки по максимальному символу текста. Другое предопределенное значение none вообще отключает разметку.; Значение по умолчанию - none.
Поддерживается IE начиная с 5.0
layout-grid-mode - задает тип разметки элемента страницы, используемой для вывода иероглифических текстов на китайском, корейском и японском языках.
layout-grid-mode: both|none|char|line;: layout-grid-mode: both; - задает использование и горизонтальной, и вертикальной разметок (используется по умолчанию);; layout-grid-mode: none; - отключает разметку;; layout-grid-mode: char; - задает использование горизонтальной разметки;; layout-grid-mode: line; - задает использование вертикальной разметки.
Поддерживается IE начиная с 5.0
layout-grid-type - задает режим форматирования иероглифических текстов на китайском, корейском и японском языках с использованием разметки элемента страницы.
layout-grid-type: loose|strict|fixed;: layout-grid-type: loose; - задает "гибкое" форматирование, используемое для корейских и японских текстов (используется по умолчанию);; layout-grid-type: strict; - задает более строгое форматирование, используемое для китайских, корейских и японских текстов;; layout-grid-type: fixed; - задает самое строгое форматирование, когда символы жестко привязываются к разметке.
Поддерживается IE начиная с 5.0