цПЮМХЖЮ(border)   

с ЙЮФДНЦН АКНВМНЦН ЩКЕЛЕМРЮ ПЮГЛЕРЙХ ЕЯРЭ ЦПЮМХЖЮ. нР ЦПЮМХЖШ НРЯВХРШБЮЧРЯЪ НРЯРСОШ (margin Х padding). бДНКЭ ЦПЮМХЖШ "ОКЮБЮЧЫЕЦН" АКНЙЮ ОПНХЯУНДХР ЕЦН НАРЕЙЮМХЕ РЕЙЯРНЛ.

дКЪ НОХЯЮМХЪ ЦПЮМХЖ АКНЙНБ ОПХЛЕМЪЧРЯЪ ЯКЕДСЧЫХЕ ЮРПХАСРШ:

border-top-width:

ЬХПХМЮ БЕПУМЕИ ЦПЮМХЖШ АКНЙЮ.

border-bottom-width:

ЬХПХМЮ МХФМЕИ ЦПЮМХЖШ АКНЙЮ.

border-left-width:

ЬХПХМЮ КЕБНИ ЦПЮМХЖШ АКНЙЮ.

border-right-width:

ЬХПХМЮ ОПЮБНИ ЦПЮМХЖШ АКНЙЮ.

border-width:

ЬХПХМЮ ЦПЮМХЖШ АКНЙЮ. гЮДЮЕРЯЪ Б РНЛ ЯКСВЮЕ, ЕЯКХ ЬХПХМЮ ЦПЮМХЖШ АКНЙЮ НДХМЮЙНБЮЪ ОН БЯЕЛС ОЕПХЛЕРПС АКНЙЮ

border-color:

ЖБЕР ЦПЮМХЖШ АКНЙЮ. яНЦКЮЯМН ЯОЕЖХТХЙЮЖХХ CSS1 ЛНФЕР АШРЭ ГЮДЮМ ДКЪ ЙЮФДНИ ХГ ЦПЮМХЖ АКНЙЮ. мЮОПХЛЕП, border-right-color:red. лНФЕР ГЮДЮБЮРЭЯЪ ЙЮЙ ЛМЕЛНМХЙНИ (red, blue, navy Х Р.О.), РЮЙ Х Б МНРЮЖХХ RGB (border-color:#003366). сЙЮГЮМХЕ ЖБЕРЮ ДКЪ ЙЮФДНИ ХГ ЦПЮМХЖ ОНДДЕПФХБЮЕРЯЪ МЕ БЯЕЛХ АПЮСГЕПЮЛХ.

border-style:

РХО КХМХХ ЦПЮМХЖШ АКНЙЮ. лНФЕР ОПХМХЛЮРЭ ГМЮВЕМХЪ: none, dotted, dashed, solid, double, groove, ridge, inset, outset. яНЦКЮЯМН ЯОЕЖХТХЙЮЖХХ CSS1 ЛНФЕР АШРЭ ГЮДЮМ ДКЪ ЙЮФДНИ ХГ ЦПЮМХЖ АКНЙЮ. мЮОПХЛЕП, border-right-style:dotted. сЙЮГЮМХЕ РХОЮ КХМХХ ЦПЮМХЖШ ОНДДЕПФХБЮЕРЯЪ МЕ БЯЕЛХ АПЮСГЕПЮЛХ.

дКЪ НОХЯЮМХЪ ЦПЮМХЖШ МЕР МЕНАУНДХЛНЯРХ СЙЮГШБЮРЭ Б ЯРХКЕ БЯЕ ЮРПХАСРШ. яСЫЕЯРБСЕР ЯНЙПЮЫЕММЮЪ ГЮОХЯЭ ЮРПХАСРНБ. мЮОПХЛЕП, ДКЪ НОХЯЮМХЪ БЕПУМЕИ КХМХХ ЦПЮМХЖШ ЛНФМН ОПХЛЕМХРЭ ГЮОХЯЭ РХОЮ:

p {border-top:1px dotted red;}

ЮРПХАСР: ЬХПХМЮ_КХМХХ РХО_КХМХХ ЖБЕР_КХМХХ

еЯКХ МЕНАУНДХЛН НЦПЮМХВХРЭ АКНЙ РЕЙЯРЮ ЦПЮМХЖЕИ, РН ЩРН ЛНФЕР БШЦКЪДЕРЭ ОПХЛЕПМН РЮЙ:

 

б ЩРНЛ ОПХЛЕПЕ ЛШ ХЯОНКЭГНБЮКХ ЯКЕДСЧЫЕЕ НОХЯЮМХЕ ЯРХКЪ НРНАПЮФЕМХЪ ЦПЮМХЖШ:

p {text-align:left;border-width:2px;
border-color:darkred;border-style:solid;}

оПХЛЕМЕМХЕ ЦПЮМХЖШ ДКЪ НАНГМЮВЕМХЪ АКНЙЮ МЕ ЯЮЛШИ ЩКЕЦЮМРМШИ ЯОНЯНА НТНПЛКЕМХЪ ДНЙСЛЕМРЮ. бН БЯЪЙНЛ ЯКСВЮЕ ОПХЛЕМЪЧР ЕЕ МЕВЮЯРН.

сЙЮГШБЮЪ ЦПЮМХЖС Б IE, МСФМН НАЪГЮРЕКЭМН СЙЮГШБЮРЭ ЕЕ РХО, Б ОПНРХБМНЛ ЯКСВЮЕ НМЮ МЕ АСДЕР НРНАПЮФЮРЭЯЪ.

ДЮКЕЕ...