더 나은 웹개발을 꿈꾸는 기술 블로그. 웹이즈프리.
총 5개의 일치하는 문서를 찾았습니다.
css[CSS] outline을 둥글게 표현하는 방법은? radius
CSS를 사용하여 outline을 둥글게 만드는 방법이 있을까요? border-radius와 같은 css 속성이 outline에 있다면 참 좋을텐데요... 아래에서 방법을 알아봅니다.! outline 속성은?이 css 속성은 해당 요소에 외곽선을 만들어주며 border와 비슷하지만 다르게 동작합니다. 일단 outline은 해당 엘리먼트와 간섭되지 않고 별개로 외곽선이 만들어지는 차이점이 있습니다. border는 엘리먼트 내부 공간에 영향을 미치죠.이런 이유로 outline 역시 많이 쓰이거나 border와 함께 사용됩니다. 그런데 만약 둥글게 표현할 경우 outlin...
Last Modified : 2019-08-12 22:18:00
Created : 2019-02-08 08:59:22- css
css float 속성의 자식요소를 가진 엘리먼트 사용하는 팁
아래는 float를 자식 요소로 가지는 경우 높이값 height를 제대로 구할 수 없는 이슈가 나타날 수 있습니다. 이를 해결하는 방법을 알아봅니다.! float 사용시 높이값 이슈 해결하기만약 자식요소가 float를 가진 경우 해당 엘리먼트는 높이값을 갖지 못합니다. 이런 이유때문에 이를 해결하기 위한 방법으로 몇 가지가 존재합니다. 그 중 가장 효과적인 방법으로 가상(pseudo) 선택자를 사용하는 방법이 있습니다. # Pseudo 선택자를 사용하여 float 자식요소에 대한 영역을 갖기해결방법은 간단합니다. float의 영역 다음 요소에 clear css 속성을...
Last Modified : 2019-08-25 20:41:43
Created : 2017-08-11 02:55:52 - etc
자바스크립트에서 pseudo 요소를 선택하는 방법은?
CSS에서는 선택자로 ::를 기호를 사용해 pseudo 선택자를 지정합니다. 그런데 자바스크립트에서 ::after 또는 ::before와 같은 pseudo를 선택하려면 어떻게 할까요?...
Last Modified : 2017-09-21 00:20:02
Created : 2017-03-21 17:21:05 
css[CSS] :not 선택자 사용방법
CSS의 스타일을 적용할때 어떤 요소에 적용할 것인지 결정하는 방법으로 선택자를 사용합니다. 아래는 의사선택자 중 하나인 :not() 선택자의 기능과 사용방법에 대하여 알아보겠습니다.# :not 선택자 알아보기css의 :not 선택자는 이미 지정된 css 스타일에서 특정한 요소를 제외시킬 경우 사용합니다. 일반적으로 선택자는 선택을 하지 않기위해 사용하지만 이 경우는 선택을 하지 않기 위해서 사용합니다. 이 선택자를 알아두면 실제 활용할 부분이 매우 많기 때문에 굉장히 유용합니다. 아래는 가장 기본적인 문법 및 사용방법입니다.선택할 요소:...
Last Modified : 2018-07-25 13:31:31
Created : 2015-11-13 00:37:00
css[CSS] ::before ::after 선택자 예제 및 활용
가상 선택자, pseudo selector에 대하여 알아봅니다. 이 중에서도 오늘은 ::before 그리고 ::after 선택자는 대하여 알아보겠습니다. ::before 선택자는 다른 선택자의 뒤에 함께 쓰여 원하는 텍스트 및 스타일을 넣거나 지정할 때 사용합니다. ::after의 경우는 반대로 뒤에 추가하는 것이 이 둘의 차이점입니다.# 가상 선택자 ::after 또는 ::before가 쓰이는 경우아래의 경우에 가상 선택자가 사용됩니다.텍스트끼리 서로 구분할 경 특수코드를 변환없이 그대로 보여줄 경우백그라운드 이미지를 해당 문구 앞 또는 뒤에 삽입하는 경우...
Last Modified : 2018-07-25 13:31:08
Created : 2014-09-26 23:44:25