Довідники CSS3 border-top

Що таке border-top в CSS3?

Свойство `border-top` необхідно для вказівки властивостей верхньої межі. Воно є універсальним, оскільки за його допомогою ви можете одразу встановити всі необхідні параметри для створення рамки: вказати розмір, колір, а також форму.

Важливо розуміти, що на місце крапок: border-... може знаходитися слово top, bottom, left, right. Тобто ви можете вказати значення для всіх 4 сторін об'єкта.

Слід знати: для кожного значення існує своя окрема властивість. Наприклад, для вказання кольору верхньої межі існує стиль border-top-color. До цієї ж верхньої межі можна встановити ширину - border-top-width, а також тип рамки - border-top-style.

У властивість border-top записуються 3 параметри з такою послідовністю: ширина (у будь-яких допустимих одиницях), стиль межі (про це трошки нижче), її колір.

Стиль межі може бути наступних типів (застосовуємо тільки до верхньої межі):

1) solid - просто рамка без пробілів в ній;

Solid

2) dotted - рамка виконана крапками;

Solid

3) double - подвійна рамка;

Solid

4) dashed - невеликі пробіли в рамці;

Solid

5) inset - рамка якби всередині;

Solid

6) outset - рамка знаходиться ззовні;

Solid

7) groove - як невелика виїмка;

Solid

8) ridge - у вигляді рамки.

Solid

Приклад якості:

div {
   border-top: 2px inset #df6363;
}

Коментарі