(45)CSS_박스사이징

HTML, CSS 2023. 3. 30. 17:37

728x90

(35)CSS_태그 설명

font-size 텍스트 크기를 설정 px, %, em, rem font-family 텍스트의 글꼴을 설정 ✔ 글꼴을 선택하는 방법 누구나 설치되어 있는 기본 글꼴을 사용 이미지로 처리 클라리언트에 글꼴을 다운로드 시켜 사

jm-rograming.tistory.com

<!DOCTYPE html>

<head>

<title>박스사이징</title>

<style>

div{

width: 300px;

height: 150px;

margin: 10px;

padding: 30px;

border: 3px solid red;

}

#boxsizing1{box-sizing: content-box;}

#boxsizing2{box-sizing: border-box;}

</style>

</head>

<body>

<h2>박스사이징</h2>

<div id="boxsizing1">box-sizing = 'content-box'</div>

<div id="boxsizing2">box-sizing = 'border-box'</div>

</body>

</html>

JM_개발일기 JM_개발일기