CSS의 border-right-style 속성은 요소의 오른쪽 테두리 스타일을 변경하는 데 사용됩니다. 이 속성을 활용하면 실선, 점선, 파선 등 다양한 형태의 오른쪽 테두리를 손쉽게 지정할 수 있습니다.
border-right-style 주요 값
- solid — 일반적인 실선
- dashed — 파선(긴 점선)
- dotted — 점선
- double — 이중선
- none — 테두리 없음
사용 예제
아래 코드는 border-right-style 속성을 적용하여 오른쪽 테두리를 실선으로 표시하는 예제입니다. 직접 실행해 보면서 결과를 확인해 보세요.
<html> <head> </head> <body> <p style = "border-width:3px; border-right-style:solid;"> 오른쪽 테두리 예시 </p> </body> </html>
실행 결과
위 코드를 브라우저에서 실행하면 문단의 오른쪽에 두께 3px의 실선 테두리가 나타납니다. 참고로 border-right-style만 단독으로 사용하면 기본 테두리 두께가 얇게 적용되므로, 위 예제처럼 border-width 속성과 함께 사용하면 더욱 선명한 결과를 얻을 수 있습니다.