# height

17개의 포스트
post-thumbnail

가로 가운데 정렬은 text-align: center, 그럼 세로 가운데 정렬은?

검은색 상자 안에 Hello World 내용을 가지는 <div>를 작성한다.해당 요소를 가운데(가로) 정렬하기 위해서 text-align: center;를 부여한다.현재 검은 박스의 height 값은 250px이다. Hello World에 line-height값을

2022년 5월 24일
·
0개의 댓글

[react-native]비디오 가로 세로 싸이즈 저장하기 (portrait/landscape) - 싸이즈 이상 표현

리액트 네이티브 구현하면서 겪었던 ... 다른분들은 안겪었으면 해서 남기는 글앱에서 비디오 업로드를 할때 imagePicker라던지 ... 여튼 picker를 사용할 것이다. picker로 파일을 선택하는 순간 해당 비디오 파일의 width/height/duration

2022년 5월 7일
·
0개의 댓글
post-thumbnail

box - model

!youtube_3xFkIfc-5U각 태그들이 웹 페이지에 표현될 때사각형의 형태(box)로 그 태그의 부피감을 결정한다박스모델 관련 속성들width, height, margin, padding, display, border ...margin : 태그와 태그 사이의 여

2022년 4월 22일
·
0개의 댓글
post-thumbnail

브라우저 제어

https://stackoverflow.com/questions/43537559/javascript-getboundingclientrect-vs-offsetheight-while-calculate-element-heighgetBoundingClientRect(

2022년 1월 21일
·
0개의 댓글
post-thumbnail

[CSS] Box Model

Box Model의 margin, border, padding 영역과 관련된 내용을 다룬다.

2021년 9월 29일
·
0개의 댓글
post-thumbnail

Discovery 1. <body> height의 비밀

1. 문제 상황 노마드코더의 리액트 영화앱 클론 도중 body height가 원하는 대로 작동하고 있지 않는 상황을 마주했다. body 내부 후손요소인 ``에 위 아래 padding 값을 주었는데 padding-top은 먹고 padding-bottom은 작동하지 않는

2021년 7월 13일
·
0개의 댓글

CSS의 width , height 속성

요소의 가로 / 세로 너비기본값(요소에 이미 들어있는 속상이 값), auto : 브라우저가 자동으로 너비를 계산. 이때 브라우저는 해당 요소가 block 요소인지 인라인 요소인지 기타 어떤 특성을 가지고 있는 지에 따라서 그 요소가 가지고 있는 가로 너비를 다르게 화

2021년 5월 21일
·
0개의 댓글
post-thumbnail

3.HTML 에서 그림과 링크 표현

HTML 문서에 표시할 이미지 파일의 이름/경로 지정\-필수 속성GIF | JPG | PNG256색상지원 트루컬러 트루컬러투명배경처리 좋은압축률 투병배경처리용량이작음 용량이작음 웹전용이미지파일고로나클립아트 사진이미지 클립아트와 같이문서

2021년 3월 3일
·
0개의 댓글
post-thumbnail

[TIL] 특정 DOM 의 크기 가져와 사용하기

어떠한 포스트를 열면 드롭다운 형식으로 내려오게 되는 UI를 개발하는 과정에서 퍼센테이지가 작동하지 않고(설계상의 문제일 수도 있다) 오로지 px로 값을 설정해야 애니메이션이 작동 될 때가 있다.특정 DOM의 정보를 가져오는 작업을 진행해야할 때 참고하려 작성해두는 포

2020년 11월 27일
·
0개의 댓글
post-thumbnail

[CSS]CSS_3. Box Model

1\. 기본문법2\. 단위3\. Box model     3-1. 3-1. width, height, padding, border, margin 4\. Display property5\. 요소의 정렬&위치6\. 레이아웃7\. 수평 수직 중앙정렬8\. 기타box-siz

2020년 9월 21일
·
0개의 댓글
post-thumbnail

[T.I.L]HTML

HTML 태그들

2020년 5월 8일
·
0개의 댓글
post-thumbnail

HTML 요소의 크기/위치를 알아내는 방법

본 글은 MDN, W3schools을 참고하여 작성되었습니다. 자세한 내용을 알고싶으신 분은 해당 링크를 참고해주시길 바랍니다.요소의 border, scrollbar, margin을 제외하고 padding을 포함한 현재 보이는 부분에 대한 너비와 높이를 반환합니다. 즉

2020년 4월 22일
·
0개의 댓글
post-thumbnail

[사전스터디] height, width

html, body의 height와 width를 100%로 지정했을때의, element들이 차지하는 공간에 대해 찾아봤다.container > box1, box2, box3 틀을 가지고 있다.container의 경우, 전체화면 대비 height는 50%, width는

2020년 4월 15일
·
0개의 댓글
post-thumbnail

image 높이 값 불러올 때 주의점[JS]

만약 프론트엔드 개발자라면 이미지를 불러와 높이 값에 따라 레이아웃을 변경할 때가 있을 것이다. 예를 들어 이런 코드가 있다고 가정해보자 결론만 말하자면 위의 코드는 작동하지 않는다. 왜 그럴까? 그 이유는 test.png가 로딩되기 전 clientHeight를

2019년 12월 13일
·
1개의 댓글

iframe 높이 자동조절

style.css html js iframe.html (하위 html)

2019년 9월 16일
·
0개의 댓글