В JSX, который представляет собой синтаксическое расширение JavaScript, используемое в таких средах, как React, вы можете применять границы CSS к элементам, используя различные методы. Вот несколько способов добиться этого:

1. Встроенное оформление:

   <div style={{ border: '1px solid black' }}>Content</div>

2. Использование классов CSS:

   // CSS
   .borderClass {
    border: 1px solid black;
   }
   // JSX
   <div className="borderClass">Content</div>

3. Модули CSS:

   // CSS
   .border {
    border: 1px solid black;
   }
   // JSX
   import styles from './styles.module.css';
   <div className={styles.border}>Content</div>

4. Библиотеки CSS-in-JS:
   Существуют различные библиотеки CSS-in-JS, такие как стилизованные компоненты и эмоции, которые позволяют определять стили непосредственно в коде JSX. Вот пример использования стилевых компонентов:

   import styled from 'styled-components';
   const StyledDiv = styled.div`
    border: 1px solid black;
   `;
   // JSX
   <StyledDiv>Content</StyledDiv>

Не забудьте настроить стили границ (например, цвет и ширину) в соответствии с желаемым внешним видом.