Sách CSS/Chương 2 - Phần tử/Thuộc Tính Vành Biên (Border)

Tủ sách mở Wikibooks
Buớc tưới chuyển hướng Bước tới tìm kiếm

Thuộc Tính Vành Biên (Border)[sửa]

  • border:border-width|border-style|border-color
Chiều Dài:độ dài|Kiểu|Màu
  • border-bottom:border-bottom-width|border-style|border-color
Vành Biên Dưới Cùng:độ dài|Kiểu|Màu
  • border-bottom-color:border-color
Màu Vành Biên Dưới Cùng:Màu
  • border-bottom-style:border-style
Kiểu Vành Biên Dưới Cùng:Kiểu
  • border-bottom-width:thin|medium|thick|length
Chiều dài Vành Biên Dưới Cùng:Mỏng|Vừa|Dày|độ dài
  • border-color:color
  • Màu Vành Biên:Màu
  • border-left:border-left-width|border-style|border-color
Vành Biên Trái:Chiều dài|Kiểu|Màu
  • border-left-color:border-color
  • border-left-style:border-style
  • border-left-width:thin|medium|thick|length
  • border-right:border-right-width|border-style|border-color
  • border-right-color:border-color
  • border-right-style:border-style
  • border-right-width:thin|medium|thicklength
  • border-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset
  • border-top:border-top-width|border-style|border-color
  • border-top-color:border-color
  • border-top-style:border-style
  • border-top-width:thin|medium|thick|length
  • border-width:thin|medium|thick|length

Thí Dụ[sửa]

  • style.css
a {
    color: #003c5e;
    text-decoration: none;
}
a:link {
    color: #003c5e;
    text-decoration: none !important;
}
a:visited {
    color: #003c5e;
}
a:active {
    color: #003c5e;
}
a:hover {
    background: url("timbay.gif");
    background-position: bottom;
}

/* Các thuộc tính scrollbar-... chỉ được sử dụng bởi Internet Explorer. */
textarea {
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-arrow-color: #4a96ef;
    scrollbar-highlight-color: #f5f5f5;
    scrollbar-shadow-color: #ffffff;
    scrollbar-track-color: #f5f5f5;
    scrollbar-darkshadow-color: #c0c0c0;
    margin: 0px;
    padding: 0px;
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-image: url("bg.gif");
    
    font-size: 11px;
    color: #000000;
    line-height: 130%; 
    font-family: Tahoma, Verdana, Arial, sans-serif;
}