html, css, 자바스크립트97 css overflow 프로퍼티로 콘텐츠 자르기 css overflow 프로퍼티로 콘텐츠 자르기 네 안녕하세요, 이번 포스팅에서는 콘텐츠를 자르는 방법에 대하여 알아보도록 하겠습니다. 우리가 html 문서를 작성을 하다 보면 불가피하게 글을 잘라야 하는 경우가 생깁니다. 그럴 때 쓰는 방법이며, 이걸 어떤 식으로 사용을 하는 지 한 번 알아보도록 하겠습니다. 그럼 지금부터 시작하도록 하겠습니다. 1. overflow : visible|hidden|scroll|auto 사용하여 콘텐츠 절삭 여부 결정하기 우리가 html 태그 내에서 사용하는 컨텐츠 자르기 여부를 결정짓는 프로퍼티는 overflow입니다. overflow 프로퍼티의 각각의 값들은 이러한 기능을 가집니다. overflow : visible /* 컨텐츠가 잘리지 않고 태그 영역을 넘어서 출력.. 2023. 4. 24. css visibility 프로퍼티로 태그 숨기거나 공개하기 css visibility 프로퍼티로 태그 숨기거나 공개하기 네 안녕하세요, 이번 포스팅에서는 html 태그를 숨기거나 공개하는 방법에 대하여 알아보도록 하겠습니다. 우리가 웹 페이지를 작성할 때 태그를 숨기거나 공개를 할 수도 있습니다. 예를 들어 괄호 채우기 문제를 만든다고 한다면, 이런 걸 적용해서 쓸 수 있습니다. 그래서 이번 포스팅에서는 그러한 방법을 한 번 보도록 하겠습니다. 그럼 지금부터 시작하도록 하겠습니다. 1. visibility : visible|hidden으로 태그 공개하거나 숨기기 기본적으로 html 태그는 공개가 되어있습니다. 그것이 html 태그의 기본 세팅이기도 합니다. 하지만 필요에 따라서 그 기능을 숨김으로 바꿔야 할 때가 있습니다. 앞서 제가 말씀드렸던 괄호나 빈칸 채우.. 2023. 4. 24. css z-index 프로퍼티 이용하여 html 태그 수직으로 쌓기 css z-index 프로퍼티 이용하여 html 태그 수직으로 쌓기 네 안녕하세요, 이번 포스팅에서는 html 태그를 수직으로 겹겹이 쌓는 방법에 대하여 알아보도록 하겠습니다. 이 방법은 사실 많이 쓰이는 방법은 아니지만, html 태그를 이용하여 간단한 웹 게임을 만들 때 쓰곤 합니다. 그래서 웹의 종류는 다양하며, 일반적인 웹 사이트의 한 종류를 만드실 분들도 계시겠지만, 웹 게임 등을 만드실 분들도 계시리라 생각합니다. 그래서 그런 분들을 위해 어떻게 사용을 하는지 보여드리려 합니다. 그럼 지금부터 시작하도록 하겠습니다. 1. z-index 사용해보기 z-index를 사용할 때는 보통 블록 태그를 이용하여 많이 씁니다. 그중에 가장 대표적인 사례가 바로 div 태그입니다. 사용 방식은 아래와 같습니.. 2023. 4. 24. css float 프로퍼티로 박스 유동적으로 배치하기 css float 프로퍼티로 박스 유동적으로 배치하기 네 안녕하세요, 이번 포스팅에서는 css를 이용하여 박스를 유동적으로 배치를 하는 방법에 대하여 알아보도록 하겠습니다. 이 방법은 이전 포스팅에서 보여드렸던 fixed와 얼추 비슷한데, 조금은 다른 점이 있습니다. 그래서 그 부분을 참고를 해주시면 좋을 것 같습니다. 그럼 지금부터 같이 보시죠. 해당 포스팅 관련 링크는 아래에 기재를 하겠습니다. 2023.04.24 - [html, css, 자바스크립트] - css position : fixed 프로퍼티로 박스 고정 배치 하기 css position : fixed 프로퍼티로 박스 고정 배치 하기 css position : fixed 프로퍼티로 박스 고정 배치 하기 네 안녕하세요, 이번 포스팅에서는 박스.. 2023. 4. 24. 이전 1 ··· 3 4 5 6 7 8 9 ··· 25 다음