Danh ngôn cuộc sống:
• Bài viết được đăng bởi: Mr. Phan Nhan• Ngày cập nhật bài viết: 11/05/2016• Tổng lược xem trang: 108 / 1 khách• Đánh giá bởi người dùng: |
Thuộc tính border-color : xác định màu sắc của đường viền. Ở đây mình chọn đường viền màu #ff0000.
border-style: none; Xác định thành phần sẽ không có đường viền.
border-style: hidden; Giống như giá trị none, nhưng được dùng cho table.
border-style: dotted; Xác định đường viền cho thành phần là dấu chấm.
border-style: dashed; Xác định đường viền cho thành phần là gạch ngang.
border-style: solid; Xác định đường viền cho thành phần là đường thẳng nét.
border-style: double; Xác định đường viền cho thành phần là 2 đường thẳng nét.
border-style: inset; Xác định đường viền cho thành phần là đường bóng bên trong.
border-style: outset; Xác định đường viền cho thành phần là đường bóng bên ngoài.
Ví dụ: mình muốn hiển thị đường viền gạch ngang cho các thành phần thì mình sẽ dùng đoạn mã như bên dưới.
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền trên đầu, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền bên phải, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền bên dưới, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền bên trái, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền các vị trí xung quanh, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
<html>
<head>
<style type="text/css">
p {
border: solid;
border-color: #ff0000;
}
</style>
</head>
<body>
<p>border-color</p>
</body>
</html>
Thuộc tính border-style : xác định hình dạng của đường viền.<head>
<style type="text/css">
p {
border: solid;
border-color: #ff0000;
}
</style>
</head>
<body>
<p>border-color</p>
</body>
</html>
<html>
<head>
<style type="text/css">
p {
border-style: dotted;
}
</style>
</head>
<body>
<p>border-style</p>
</body>
</html>
Một số loại hình dạng cho border:<head>
<style type="text/css">
p {
border-style: dotted;
}
</style>
</head>
<body>
<p>border-style</p>
</body>
</html>
border-style: none; Xác định thành phần sẽ không có đường viền.
border-style: hidden; Giống như giá trị none, nhưng được dùng cho table.
border-style: dotted; Xác định đường viền cho thành phần là dấu chấm.
border-style: dashed; Xác định đường viền cho thành phần là gạch ngang.
border-style: solid; Xác định đường viền cho thành phần là đường thẳng nét.
border-style: double; Xác định đường viền cho thành phần là 2 đường thẳng nét.
border-style: inset; Xác định đường viền cho thành phần là đường bóng bên trong.
border-style: outset; Xác định đường viền cho thành phần là đường bóng bên ngoài.
Ví dụ: mình muốn hiển thị đường viền gạch ngang cho các thành phần thì mình sẽ dùng đoạn mã như bên dưới.
<html>
<head>
<style type="text/css">
p {
border-style: dashed;
}
</style>
</head>
<body>
<p>border-style</p>
</body>
</html>
Thuộc tính border-width : xác định bề dày của đường viền. Ở đây mình chọn độ dày của đường viền là 5px.<head>
<style type="text/css">
p {
border-style: dashed;
}
</style>
</head>
<body>
<p>border-style</p>
</body>
</html>
<html>
<head>
<style type="text/css">
p {
border: solid;
border-width: 5px;
}
</style>
</head>
<body>
<p>border-width</p>
</body>
</html>
Thuộc tính border-top : xác định đường viền bên trên.<head>
<style type="text/css">
p {
border: solid;
border-width: 5px;
}
</style>
</head>
<body>
<p>border-width</p>
</body>
</html>
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền trên đầu, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
<html>
<head>
<style type="text/css">
p {
border-top: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border-top</p>
</body>
</html>
Thuộc tính border-right : xác định đường viền bên phải.<head>
<style type="text/css">
p {
border-top: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border-top</p>
</body>
</html>
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền bên phải, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
<html>
<head>
<style type="text/css">
p {
border-right: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border-right</p>
</body>
</html>
Thuộc tính border-bottom : xác định đường viền bên dưới.<head>
<style type="text/css">
p {
border-right: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border-right</p>
</body>
</html>
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền bên dưới, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
<html>
<head>
<style type="text/css">
p {
border-bottom: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border-bottom</p>
</body>
</html>
Thuộc tính border-left : xác định đường viền bên trái.<head>
<style type="text/css">
p {
border-bottom: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border-bottom</p>
</body>
</html>
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền bên trái, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
<html>
<head>
<style type="text/css">
p {
border-left: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border-left</p>
</body>
</html>
Thuộc tính border : xác định đường viền các vị trí xung quanh (tổng hợp của border-top, border-right, border-bottom, border-left).<head>
<style type="text/css">
p {
border-left: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border-left</p>
</body>
</html>
Cấu trúc theo dạng tổng hợp của các thuộc tính: border-color, border-style, border-width.
Ví dụ: mình muốn chỉ hiển thị đường viền các vị trí xung quanh, màu #ff0000, bề dày 2px thì mình sẽ dùng đoạn mã như bên dưới.
<html>
<head>
<style type="text/css">
p {
border: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border</p>
</body>
</html>
<head>
<style type="text/css">
p {
border: #ff0000 solid 2px;
}
</style>
</head>
<body>
<p>border</p>
</body>
</html>
Những bài viết được đăng mới nhất. 



