CSS словарь

CSS словарь

для быстрого напоминания для чего вообще это свойство или атрибут

   
   
 backqround  Способ выражения заднего фона. Если применено несколько раз, то применяется последний.
background-attachment <bg-attachment> запись значения. scroll /fixed /local - принимаемые значения.По умолчанию -  scroll. Не наследуется, применяется ко всем элементам.
Определяет следует ли прокручивать элемент вместе с задним фоном или нет.
Пример использования: 
body { background-attachment : scroll , scroll , fixed; )
div.fixbg { background-attachment : fixed; )

background-clip   Применяется ко всем элементам, не наследуется.Определяет границу по которую обрезается задний план. 
Пример: body { background-clip : content-box ; )
background-color  Определяет цвет заднего фона. Применяется ко всем элементам, не наследуется.
Примеры:
h4 { background-color : white ; )
р { background-color : rgba ( 6 0 % , 6 0% , 3 0% , 0 . 3 3 ) ; )
pre { background-color : #FF8 ; }
background- image Задает в качестве фона объекта озображение и соответственно в нем указывается путь к этому изображению.
Примеры:
body {
background- image : url (foto1.jpg ) , url (foto2 . png ) ,
url (foto3 .gif ) ; }
h2 ( background-image : url ( http : //www . pix .dlynaroda/image. png } ; )
background-origin Принимаемые значения border-box /padding-box /content-box. Начальное значение padding-box. Не наследуется, применяется ко всем элементам. В элементе определяет границу относительно которой задается располажение заднего плана.
Пример: border: 10px double black;
padding: 25px;
background: url(paper.gif);
background-repeat: no-repeat;
background-origin: content-box;
background-position   Не наследуется, применяется ко всем элементам.Определяет положение изображений задних планов. Это точка с которой начнется показ изображений. Применяется значение top / center/ bottom и left /
center / right. Или же записывается процентами. Например 50%, 50%. Первое значение всегда применяется по горизонтали, второе по вертикали. Если записано одно значение, оно применяется по горизонтали, а второе подразумевается center или 50%.
background-repeat   Исходное значение - repeat .
Варианты значений:
repat-x /repat-y / repеat /space /round /no-repeat / 
Не наследуется. Определяет расположение рисунка мозаикой заднего плана. Пример:
 background-repeat: no-repeat,
no-repeat,
repeat-y;
или body ( background-repeat : no-repeat ; }
h2 ( background-repeat : repeat-x, repeat-y , space ; }
ul { background-repeat : repeat- y , round space , repea t ; }
background- size   Принимаемые значения:
<length> / <percentage> / auto (исходное значение) / (1 , 2 ) / cover / contain
Определяет размеры изображения заднего плана. Если указаны только два параметра (например 100px,50px), то первое применяется по горизонтали, второе по вертикали. Пример:
body { background- size : 1 0 0 % 90 % ; }
div. photo { background- size : cover ; }
border  Граница. Определяет ширину, цвет и стиль границ элемента. Если это свойство не указано, то граница элемента по умолчанию отсутствует. Пример:
hl { border : 2рх dashed olive ; }
a : link { border :bluе solid 1px ; )
p . warning { border : doble 5рх red; }
border-bottom Определяет ширину, цвет и стиль нижней  границы элемента. 
Пример:
ul { border-bottom : 0.5in groove green ; )
a : act ive { border-bottom : purple 2рх dashed ; )
   
 border- collapse применяется для расположения в таблице границ вокруг ячеек, строк и т.д.  Свойство применяется только к таблицам, оно наследуется всеми элементами в таблице, в которой оно, по существу, и применяется. Принимает значения collapse /separate. Значение по умолчанию - separate. Наследуется.
Пример:
tаblе { border-collapse : separate; border-spacing : Зрх 5рх; }
border-bottom-color Применяется для определения видимых участков нижней границы элемента.
Пример:
ul { border-bottom-color : green ; }
a : active { border-bottom-color : purple ; }
   
   
 border- spacing  Определяет расстояние между границами ячеек таблицы в
модели разметки разделяемых границ таблицы. Первое из двух
значений длины обозначает разделение по горизонтали, а второе - по вертикали. Это свойство принимается во внимание
лишь в том случае, если задано значение
separate свойства
border-collapse, а иначе оно игнорируется.
И хотя данное
свойство применяется только к таблицам, оно наследуется всеми элементами в таблице, в которой оно, по существу, и применяется.

Примеры:
tаblе { border-collapse : separate; border-spacing : 0 ; )
tаblе { border-collapse : separate ;
border-spacing : З р х 5рх ; )
   
   
   

 


Печать