J & J - 정성태의 닷넷 이야기

사용자

메뉴

최근 덧글

[정성태] VT sequences to "CONOUT$" vs. STD_O...[정성태] NetCoreDbg is a managed code debugg...[정성태] Evaluating tail call elimination in...[정성태] What’s new in System.Text.Json in ....[정성태] What's new in .NET 9: Cryptography ...[정성태] 아... 제시해 주신 "https://akrzemi1.wordp...[정성태] 다시 질문을 정리할 필요가 있을 것 같습니다. 제가 본문에...[이승준] 완전히 잘못 짚었습니다. 댓글 지우고 싶네요. 검색을 해보...[정성태] 우선 답글 감사합니다. ^^ 그런데, 사실 저 예제는 (g...[이승준] 수정이 안되어서... byteArray는 BYTE* 타입입니다...

글쓰기

제목

이름

암호

전자우편

HTML

홈페이지

유형

내용

<div style='display: inline'>
<h1 style='font-family: Malgun Gothic, Consolas; font-size: 20pt; color: #006699; text-align: center; font-weight: bold'>Visual Studio 2010에서 CSS 3 인텔리센스(intellisense) 지원하는 방법</h1> 

 
기본적으로 Visual Studio 2010은 CSS 2.1에 대한 intellisense 기능만 제공하고 있어서, CSS 3에서 지원되는 속성을 사용하면 다음과 같이 오류 밑줄 표시를 띄우고 있습니다. 
 
<img alt='css3_support_in_vs2010_1.png' src='/SysWebRes/bbs/css3_support_in_vs2010_1.png' /> 
 
<div style='BACKGROUND-COLOR: #ccffcc; padding: 10px 10px 5px 10px; MARGIN: 0px 10px 10px 10px; FONT-FAMILY: Malgun Gothic, Consolas, Verdana; COLOR: #005555'>
" 
Validation (CSS 2.1): 'border-radius' is not a known CSS property name. 
" 
</div> 
 
CSS 3 구문을 지원하려면, 다음의 글에서 소개하고 있는 방법을 따르면 됩니다. 
 
<pre style='margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' >
Add CSS 3 intellisense to Visual Studio 2010
; <a target='tab' href='http://www.netsi.dk/wordpress/index.php/2011/04/03/add-css-3-intellisense-to-visual-studio-2010/'>http://www.netsi.dk/wordpress/index.php/2011/04/03/add-css-3-intellisense-to-visual-studio-2010/</a>
</pre>
 
위의 글이 씌여진 시점에 있던 버그가 현재 (2011-06-11) 다운로드할 수 있는 버전에서는 많이 개선된 것 같습니다. 예를 들어, 위의 글에서 제공되는 레지스트리 파일 등록도 필요 없고, hsla 컬러 지정에 대한 것도 지원이 추가된 것을 확인할 수 있었습니다. 
 
<pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; width: 800px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' >
CSS 3 Intellisense Schema
; <a target='tab' href='http://visualstudiogallery.msdn.microsoft.com/7211bcac-091b-4a32-be2d-e797be0db210'>http://visualstudiogallery.msdn.microsoft.com/7211bcac-091b-4a32-be2d-e797be0db210</a>
</pre>
 
설치 후, Visual Studio를 재시작하면 다음과 같이 기본적으로 CSS 3 구문 검사가 사용됩니다. 
 
<img alt='css3_support_in_vs2010_2.png' src='/SysWebRes/bbs/css3_support_in_vs2010_2.png' /> 
 
검사 기준이 되는 CSS 버전을 바꾸려면 다음과 같이 툴바에서 CSS 버전을 지정할 수 있는데요. 
 
<img alt='css3_support_in_vs2010_3.png' src='/SysWebRes/bbs/css3_support_in_vs2010_3.png' /> 
 
아쉽게도 위와 같은 선택 상자는 해당 파일의 확장자가 ".css"인 경우에만 나타납니다. 즉, ".html" 파일을 편집하는 동안에는 '비활성' 상태로 있기 때문에 무조건 CSS 3 구문 검사가 이뤄집니다. 
 
참고로, 위의 CSS 버전 선택 툴바가 없는 경우라면 다음과 같이 Visual Studio 툴바에서 마우스 오른쪽 버튼을 눌러 나오는 메뉴에서 "Style Sheet"를 선택해 주면 됩니다. 
 
<img alt='css3_support_in_vs2010_4.png' src='/SysWebRes/bbs/css3_support_in_vs2010_4.png' />

<hr />[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]
</div>

첨부파일

스팸 방지용 인증 번호

1588 (왼쪽의 숫자를 입력해야 합니다.)