Thứ Bảy, 27 tháng 4, 2013

CSS border-color Xác định màu sắc cho tất cả các đường viền xung quanh


border-color 1

Xác định màu sắc cho tất cả các đường viền xung quanh.

Thuộc tính giá trị Ví dụ Mô tả
border-color mã màu border-color: #ff0000; Xác định màu sắc cho tất cả các đường viền xung quanh.
có thể viết 1 hoặc 2,3,4 giá trị màu tương ứng với các đường viết theo chiều kim đồng hồ 0h -> 3h ->6h ->9h.
tên màu border-color: red;
Giá trị rgb border-color: rgb(255,0,0);

Xem ví dụ

<style>
p.one
{
border-style:solid;
border-color:#0000ff;
}
p.two
{
border-style:solid;
border-color:#ff0000 #0000ff;
}
p.three
{
border-style:solid;
border-color:#ff0000 #00ff00 #0000ff;
}
p.four
{
border-style:solid;
border-color:#ff0000 #00ff00 #0000ff rgb(250,0,255);
}
</style>

<p class="one">One-colored border!</p>
<p class="two">Two-colored border!</p>
<p class="three">Three-colored border!</p>
<p class="four">Four-colored border!</p>

One-colored border!

Two-colored border!

Three-colored border!

Four-colored border!

Sự tương thích ( Cập nhật / Báo lỗi )

Firefox Opera Google Chrome Safari IOS Android Window phone
* * * * * * * *


Chủ đề: