console.log("CAPABLE");

Border 테두리를 넣고 빼거나 모깎기를 하거나 디스플레이 속성을 변경하거나 여백을 추가할 때 편리하다. 이러한 유틸리티들은 요소에 클래스만 추가해 사용할 수 있다. 사방에 테두리를 만들려면 그냥 border을 추가하면 된다. border-top은 위쪽 border-bottom은 아래쪽 등 부트스트랩에서 테두리의 굵기를 조절할 수 없음으로 실제로 지정해야한다. 디폴트는 1px 또는 2px이다. 삭제 옵션을 통해 테두리의 일부, 위, 오르쪽 테두리를 없앨 수 있다. border-0-을 넣으면 모든 테두리를 없앨 수 있다. 테두리 색상또한 변경할 수 있다.(border-primary 등) 테두리 모깍기도 가능하다. 원을 만들때 유용하다. (사각형을 깎아서 원을 만든다.) Utilities Lorem ips..

Border(테두리) border border(테두리)는 다양한 특성이 있다. 일단 border-width, border-color, border-style을 이용해보겠다. 테두리의 굵기, 스타일, 색상같은 특성이다. 과연 저 3가지만 할 수 있을까? 아니다. 테두리의 상하좌우, 모서리의 곡률도 조정할 수 있다. border은 요소를 둘러싸고 있는 박스 모델의 테두리를 말한다. 일단 3개의 요소를 구별하기 위해 다른 색상을 입력한다. #one { background-color: #DDB892; } #two { background-color: #B08968; } #three { background-color: #7F5539;} 픽셀 단위를 이용해 테두리의 두께를 정한다. #one { background-c..