# border
SwiftUI Contents in Action
SwiftUI 는 UIKit 과 다르게 컨텐츠, 서브뷰 등을 잘 구별하여 사용하지 않으면 내가 생각한대로 뷰가 나오지 않는 경우가 상당히 많다. 그렇기 때문에 UIKit 을 많이 사용하다보면 이런 부분에 대해 얼마나 빨리 이해하느냐가 SwiftUI 를 빨리 적용하느냐에
2023.04.21 css
box-sizing: border-box를 넣었는데 여기에 left에 border 3px를 넣었더니 text는 밀림.그래서 중첩으로 쌓아야 됨.코드
CSS
https://developer.mozilla.org/en-US/docs/Web/CSS/borderhttps://developer.mozilla.org/en-US/docs/Web/CSS/background-color
[css] inner border 스타일링
css inner border 인풋안에 보더를 주고싶었는데 위에 보더를 주다보니 아웃라인에 생기게 되었다.그래서 안쪽에 스타일링을 할려고 찾아보았더니 이런식으로 box-shadow를 활용하여 쓰는것을 알게되었다.
CSS D01
Casacading Style SheetsHTML 태그에 옷(=디자인)을 입혀주는 기법문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄여준다.CSS는 HTML문서 내의 어느 위치에나 올 수 있지만, 일반적으로 head 태그 안에 위치한다.CSS코드
[CSS] 박스 모델(2) 2-7
border 속성을 사용하면 요소에 테두리를 줄 수 있다. 선의 굵기와 스타일, 그리고 색을 다양한 값으로 줄 수 있다.ex) border: 2px solid black / 0.5em dashed 너비와 높이 값에 padding과 border 값을 포함시킬지 결정한다.
CSS border이 안보여요
해결책 css파일 연결상태 확인, border-style default value가 none이기 때문, border-style : solid 로 변경 간단한 코드인데 결과물을 보면 검은테두리가 안보인다. 먼저 확인해 볼 것은 css가 잘 연결 되었나 확인해볼 수
Front-end 국비지원 #012일
HTML 구성CSS 구성HTML 구성CSS 구성HTML 구성CSS 구성최대한 중복되는 HTML의 클래스를 이용하여 CSS를 작성한다.onmouse(마우스를 올릴때 바뀌는 이벤트)onmouseover="this.src='경로'" onmouseout="this.src='경
[CSS] Border
앞에서 정리한 margin의 순서는 고정값이므로 순서를 꼭 지켜야 한다.(순서 시계방향!!) 하지만 border 순서는 중요하지 않다. 그럼에도 불구하고 약속된 coding convention(코딩 규칙)에 따라 순서를 맞춰주는 것이 좋다.border: 선 두께 선 종
[CSS] Margin / Padding
Margin 과 Padding 주황색은 margin 영역. 위, 오른쪽, 아래, 왼쪽에 모두 20px 노란색은 border 영역. 보더의 두께는 5px, 색상 빨강 초록색은 padding 영역. 위, 오른쪽, 아래, 왼쪽에 모두 50px 요소의 가로는 273px, 세
[리액트를 다루는 기술] TodoInsert의 input&button 초기화 및 placeholder 디자인
리액트에서 아이콘을 자유롭게 사용npm 설치 후 원하는 아이콘 import하여 태그에 적용홈페이지 주소(https://react-icons.github.io/react-iconsborder는 기본 테두리 / outline은 focus시 테두리&::placeho
CSS 속성 (1)
HTML 속성 (Attributes) CSS 속성 (Properties) JS 속성 (Properties) 박스 모델: HTML요소의 기본적인 모양을 만들어내는 여러가지 속성들 (가로너비, 세로너비, 여백 등등) 글꼴, 문자: 폰트(서체) 배경, 배치(특정 요소를