Нонче тут

Сейчас 89 гостей онлайн

Поиск

Поиск от Nigma

2


Поиск от Яндекс

Счётчики

Яндекс.Метрика

Проверка тиц

ВКонтакте

Слегка повоюем с таблицами
Как мы уже знаем у таблиц есть
class="Стилевой класс"
и
id="Имя" - название слоя - адекватно воспринимается не всеми браузерами, поэтому будьте осторожны в использавании
Именно поэтому мы будем говорить о "Стилевых классах" и правилах их записи в CSS
ниже приведён пример правильной записи и применения стилевых классов:
<html> <head> <title>test</title> <style type="text/css"> 
<!-- body{ text-align:center; }
.all{ width:200px; margin-left:auto; margin-right:auto; }
.a{ background-color:#00CCFF; width:90px; height:50px; margin-top:80px; }
.b{ background-color:#9900FF; float:right; width:100px; height:300px; }
.c{ background-color:#FF0000; width:90px; height:100px; margin-top:10px; }
-->
</style> </head>
<body> <div class="all" >
<div class="b" >&nbsp;</div>
<div class="a" >&nbsp;</div>
<div class="c">&nbsp;</div> </div>
</body> </html>

Это пример уже рассматривался на этим форуме в теме про ХТМЛ и DIVы
Посмотрим какие параметры можно вписать в стилевой класс таблицы и её элементов
на первом месте всякие бордючики и и рамочки
border-top-width, border-right-width, border-bottom-width, border-left-width
Устанавливает ширину рамки для определенной стороны (соответственно верхней , правой, нижней и левой). Рамка проходит между полем и основной частью элемента.
Значение:
  • thin - рамка в виде тонкой линии.

  • medium - рамка в виде линии средней толщены. (по умолчанию)

  • thick - рамка виде толстой линии.

  • или абсолютная величина в px

  •  border-top-width: 5px 

    border-width
    свойство для установки ширены рамки сразу для всех сторон элемента. У этого свойства может быть от одного до четырех значений. Если имеется только одно значение, то оно будет присвоено сразу ко всем сторонам рамки. Если два значения, то первое из них присваивается верхней и нижней стороне, а второе - левой и правой. Если же три, то первое значение присваивается верхней стороне, второе - левой и правой, а третье - нижней стороне рамки.
    Значение:
  • border-top-width - толщина верхней стороны.

  • border-right-width - толщина правой стороны.

  • border-bottom-width - толщина нижней стороны.

  • border-left-width - толщина левой стороны.

  • inherit - применяется значение родительского элемента.

  • border-width: 2px,2px,1px,1px

    border-top-color, border-right-color, border-bottom-color, border-left-color
    Устанавливает цвет рамки для определенной стороны (соответственно верхней, правой, нижней и левой). Рамка проходит между полем и основной частью элемента.
    Значение:
    любое соответствующее стандарту значение цвета.
    border-top-color: #f9edd3

    border-color
    свойство для установки цвета рамки сразу для всех сторон элемента. У этого свойства может быть от одного до четырех значений. Если имеется только одно значение, то оно будет присвоено сразу ко всем сторонам рамки. Если два значения, то первое из них присваивается верхней и нижней стороне, а второе - левой и правой. Если же три, то первое значение присваивается верхней стороне, второе - левой и правой, а третье - нижней стороне рамки.
    Значение:
  • border-top-color -цвет верхней стороны.

  • border-right-color - цвет правой стороны.

  • border-bottom-color - цвет нижней стороны.

  • border-left-color - цвет левой стороны.

  • border-color: #3362f2d, #000000, #b4a48b, #635a4a

    Теперь настало время украсить бордюрчик

    border-top-style, border-right-style, border-bottom-style, border-left-style
    Устанавливает стиль рамки для определенной стороны (соответственно верхней, правой, нижней и левой). Рамка проходит между полем и основной частью элемента.
    Значение:
  • none - линия отсутствует.
  • hidden - линия тоже отсутствует, но для таблицы это значение действует по другому

  • dotted - пунктирная линия.

  • dashed - штрихпунктирная линия.

  • solid - сплошная непрерывная линия.

  • double - двойная сплошная линия.

  • groove - трехмерная борозда.

  • ridge - трехмерный гребень.

  • inset - трехмерная вырезка.

  • outset - трехмерный орнамент.

  • border-top-style: double;

    border-style
    свойство для установки стиля рамки сразу для всех сторон элемента. У этого свойства может быть от одного до четырех значений. Если имеется только одно значение, то оно будет присвоено сразу ко всем сторонам рамки. Если два значения, то первое из них присваивается верхней и нижней стороне, а второе - левой и правой. Если же три, то первое значение присваивается верхней стороне, второе - левой и правой, а третье - нижней стороне рамки.
    Значение:
  • border-top-style - стиль верхней стороны.

  • border-right-style - стиль правой стороны.

  • border-bottom-style - стиль нижней стороны.

  • border-left-style - стиль левой стороны.

  •  border-style: double, solid

    border-top, border-right, border-bottom, border-left
    свойство для установки нескольких свойств линии рамки для определенной стороны (соответственно верхней, правой, нижней и левой). Каждое отдельное свойство применяется к указанной для него стороне. следующие определения относятся к верхней стороне.
    Значение:
  • border-top-width - ширина верхней рамки.

  • border-top-style - стиль верхней рамки.

  • border-top-color - цвет верхней рамки.

  • border-top: 1px solid red;

    border
    свойство для определения рамки сразу со всех сторон элемента. Значение устанавливается одинаковыми для всех его сторон.
    Значение:
  • border-width - толщина границ.

  • border-style - стиль границ.

  • border-color - цвет границ.

  • border:1px solid red;

    Уважаемые гости сайта! Теперь Вы можете ознакомиться с новостями сайта в социальных сетях.
    Новости сайта публикуются в Facebook, ВКонтакте, Blogspot и Мой мир и Twitter .
    Что бы перейти к аккаунтам просто кликните на иконках социальных сетей.