Web Design Web Design | Page 13

Nota:

Trebuie mentionat aici ca Internet Explorer, include padding-ul si border-ul in latime (width) in cazul in care acesta este specificat. Aceasta eroare se corecteaza introducand un DOCTYPE la inceputul documentului.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<style type="text/css">

div {

width:200px;

padding:15px;

border:5px solid;

margin:15px;

}

</style>

</head>

CSS - Border Style

Css border nu este altceva decat o bordura de jur-imprejurul continutului. Bordurile realizate cu ajutorul CSS vor fi puse in scena cu ajutiorul atributului border-style cu urmatoarele valori:

- none

- solid

- dotted

- dashed

- double

- groove

- ridge

- inset

- outset

Valorile precum groove, ridge, inset si outset pot genera borduri CSS 3D daca sunt alese culorile corecte

CSS - Border Width

Lungimea bordurii in CSS este determinata de atributul border-width. Acest atribut nu va functiona in cazul in care nu este specificat in prealabil atributul border-style. Vom folosi ca unitati de masura pixelii sau putem pune valorile thin, medium sau thick. Iata si un exemplu:

div {

border-style:solid;

border-width:2px;

}

SCIENCE SERIES 13