Чтобы удалить границу определенной стороны элемента
borderи указать, какие стороны вы хотите удалить. Вот несколько методов, которые вы можете использовать:
-
Использование свойства
border:td { border: 1px solid black; /* Set border on all sides */ } td.top-border { border-top: none; /* Remove top border */ } td.right-border { border-right: none; /* Remove right border */ } td.bottom-border { border-bottom: none; /* Remove bottom border */ } td.left-border { border-left: none; /* Remove left border */ } -
Использование свойства
border-style:td { border: 1px solid black; /* Set border on all sides */ } td.top-border { border-top-style: none; /* Remove top border */ } td.right-border { border-right-style: none; /* Remove right border */ } td.bottom-border { border-bottom-style: none; /* Remove bottom border */ } td.left-border { border-left-style: none; /* Remove left border */ } -
Использование сокращенной записи:
td { border: 1px solid black; /* Set border on all sides */ } td.no-border { border-width: 1px 0; /* Remove top and bottom borders */ border-style: solid none; /* Remove top border */ }
Эти методы позволяют удалять границы с определенных сторон элемента
td.top-border, td.right-border, td.bottom-borderи td.left- borderс соответствующими именами классов, которые соответствуют вашему конкретному случаю использования.
Элемент в CSS”