Tidadigi Logo

CSS | border-inline Property

Thuộc tính border-inline trong CSS được dùng để thiết lập giá trị đường viền logic. Bạn có thể thiết lập tất cả thuộc tính đường viền inline vào một chỗ trong stylesheet. Nó thiết lập đường viền trên (trái) và dưới (phải) của phần tử đang định nghĩa. Cú pháp: 
border-inline: border-width| border-style| border-color;
Giá trị thuộc tính:
  • border-width: Giá trị này chỉ định độ rộng của đường viền.
  • border-style: Giá trị này xác định kiểu đường viền như nét đứt liền.
  • border-color: Giá trị này xác định màu sắc của đường viền.
Các ví dụ dưới đây minh họa thuộc tính border-inline trong CSS: Ví dụ 1: html 
<!DOCTYPE html>
<html>
 
<head>
    <title>CSS | border-inline Property</title>
    <style>
        h1 {
            color: green;
        }
         
        div {
            background-color: yellow;
            width: 220px;
            height: 40px;
        }
        .one {
            border-inline: 5px solid yellow;
            background-color: purple;
        }
    </style>
</head>
 
<body>
    <center>
        <h1>Geeksforgeeks</h1>
        <b>CSS | border-inline Property</b>
        <br><br>
        <div class="one">A Computer Science Portal</div>
    </center>
</body>
 
</html>
Đầu ra: css-border-inline-property Ví dụ 2: html 
<!DOCTYPE html>
<html>
 
<head>
    <title>CSS | border-inline Property</title>
    <style>
        h1 {
            color: green;
        }
         
        div {
            background-color: yellow;
            width: 220px;
            height: 40px;
        }
        .one {
            border-inline: 5px dashed yellow;
            background-color: purple;
        }
    </style>
</head>
 
<body>
    <center>
        <h1>Geeksforgeeks</h1>
        <b>CSS | border-inline Property</b>
        <br><br>
        <div class="one">A Computer Science Portal</div>
    </center>
</body>
 
</html>
Đầu ra: css-border-inline-property Các trình duyệt được hỗ trợ: Các trình duyệt hỗ trợ thuộc tính border-inline được liệt kê dưới đây:
  • Firefox
  • Opera
  • Edge

Last Updated : 21/07/2025