Adding CSS 3.0 support to Visual Studio 2010
Many of us want to use CSS 3.0. This feature is promised in Visual Studio 2010 however if you open any given CSS file, the option does not appear in the dropdown. So I decided to write this WIKI to help.
1. Open this link to download the CSS 3.0 installer. Click Here
2. The next step is equally important. Open the registry editor and do the following:
2a. Find: HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\VisualStudio\9.0\Packages\{A764E895-518D-11d2-9A89-00C04F79EFC3}\Schemas
2b. From there add a Key: Schema 5
2c. Add two string values
Keyname: File
Value: css30.xml
Keyname: Friendly Name
Value: CSS 3.0
3. Make sure css30.xml is located in C:\program files\Microsoft Visual Studio 10.0\common7\packages\1033\schemas\css
4. In there you will find css.xsd, css10,css20,css21, and css-ie60. If you don't find CSS30.xml in this folder use windows search and copy the css30.xml file into this folder
5. Restart VS and open any given CSS file. Select CSS 3.0 and it should have CSS 3.0 validation enabled.
Revision number 2, Saturday, April 09, 2011 4:10:08 PM by codenickel
You must Login to comment.
|
Thu, Apr 7, 2011 5:02 AM
by sunny_rana271985
|
Please tell the steps to open the registry editor?
|
|
Thu, Apr 7, 2011 6:41 AM
by sunilmittal22
|
Start --> Run Type Regedit and press enter or click open. It will open registry editor
|
|
Thu, Apr 7, 2011 3:28 PM
by irishchieft
|
Do we need to perform these steps in addition to what comes with SP1 as described here, to get CSS3 intellisense? http://blogs.msdn.com/b/webdevtools/archive/2011/01/27/html5-amp-css3-in-visual-studio-2010-sp1.aspx
|
|
Tue, Apr 12, 2011 12:23 PM
by reysys
|
The registry key is for version 10.0 not 9.0 HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\VisualStudio\10.0\Packages\{A764E895-518D-11d2-9A89-00C04F79EFC3}
|
|
Tue, Apr 12, 2011 12:33 PM
by reysys
|
Same question of irishchieft. The problem is the small documentation of sp1 at this respect?
|
|
Mon, Apr 25, 2011 5:40 PM
by shellymn
|
I was not able to find css30.xml file in the below location ( i have VS 2010 express edition installed)
C:\program files\Microsoft Visual Studio 10.0\common7\packages\1033\schemas\css
|
|
Mon, Mar 19, 2012 9:45 PM
by condado
|
Followed each step successfully --but in the end it didn't work at all. No CSS 3.
|
|
Fri, Jul 13, 2012 1:47 PM
by xmer2
|
Thank you for this, it worked great to allow CSS3.0 from the dropdown. I'm running 64bit windows and had to make some changes, but it still worked:
Change:
C:\program files\Microsoft Visual Studio 10.0\common7\packages\1033\schemas\css To:
C:\program files (x86)\Microsoft Visual Studio 10.0\common7\packages\1033\schemas\css Change: HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\VisualStudio\9.0\Packages\{A764E895-518D-11d2-9A89-00C04F79EFC3}\Schemas To:
[HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Microsoft\VisualStudio\10.0\Packages\{A764E895-518D-11d2-9A89-00C04F79EFC3}\Schemas\ (Although no changes were needed on my computer, CSS3 was there) Unfortunately, I cannot get the changes to stick, but I assume that's an error on my part.
|