CSS 3 Intellisense Schema

Free

add CSS3 intellisense schema to visual studio 2010 which improves developer web designing and support css 3 properties

(50) Review
Visual Studio
2010
Download (179,643)
2/3/2013
2.1.1
E-mail Twitter del.icio.us Digg Facebook
Add to favorites
Description
Reviews (50)
Q and A (14)
Sign in to write a review
Sort by:

by jenka1980 | April 08 2014

Great add-on, although there are some issue in the installation process.

I'm using VS2010 that installed at "d:" drive and this caused some problems.
Install process installed css/html5 schemas to "c:\Program Files (x86)\Microsoft Visual Studio 10.0\Common7\Packages\"
It created bunch of directories (for different VS versions) inside each one of them was "css30.xml" file and "schemas" directory for html5 schema.

What I did for make this add-on to work is copy "css.xml" file (only one needed they are all the same) to the directory where my VS was installed:
"d:\Program Files (x86)\Microsoft Visual Studio 10.0\Common7\Packages\1033\schemas\CSS\"
(The number "1033" is depend on your VS version)

Another thing you have to do as mentioned in previous comment is to change X/HTML5 schema to make CSS3 a default schema for CSS validation inside HTML files.

I found this schema in:
"d:\Program Files (x86)\Microsoft Visual Studio 10.0\Common7\Packages\schemas\html\"

html_5.xsd and xhtml_5.xsd

What you need to change in this files is: "vs:cssschema" attribute
from (vs:cssschema="CSS 2.1") to (vs:cssschema="CSS 3.0").
Restart VS and that's it you can enjoy the add-on.

by Harichandra Prasad R | January 30 2014

by Ali.Alikhani | June 28 2013

by Jcp addict | April 25 2013

Good job! The only thing is that if it is installed in a different directory you must copy the css30.xml file to the installation directory of VS

you will find the xml here: C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\1033\schemas\CSS

and you must copy it here: D:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\1033\schemas\CSS

or wherever you installed the VS10 .
You can find the installation folder with these steps:

1) right click the shortcut of VS10
2) properties
3) click " open file location"
4) go up a folder
5) go to \Packages\1033\schemas\CSS
6) paste the css30.xml inside

and you're done!

by Daniele Dalla Vecchia | March 19 2013

I couldn't select the CSS 3.0 item in the dropdown list, I tried to modify the registry Key (as suggested in many forums) but it didn't work anyway.
For solving my problem I just moved the css30.xml file (which was in the "ProgramFiles (x86)\Microsoft Visual Studio 10.0\Common7\Packages\1033\schemas\CSS" folder) to the "Program Files (x86)\Microsoft Visual Studio 10.0\Common7\Packages\1040\schemas\CSS" folder (the one that contains the other xml file for the older CSS versions).
After that it worked fine!
Hope I could help others with my same problem!

by adnan.hussain | January 10 2013

A much needed extension, thank you. I also noticed that text-shadow is missing, but was able to add it to the css30.xml file myself:

<cssmd:property-def _locID="text-shadow" _locAttrData="description,syntax" type="composite"
description="Attaches a shadow to text."
syntax="none | [h-shadow] [v-shadow] [blur] [color]" />

by Frug | July 02 2012

Easy install. CSS3 ready to go. thanks!

by Giammi | May 13 2012

It is good, but I rate it 4/5 because you missing the "text-shadow" property. Could you add it in the next release please?

Anyway, it is an excellent addin.

Bye.

Jymmy097

by TheRealPRMan | May 07 2012

You're missing "text-shadow". Other than that, great job.

by Sofwarer | May 01 2012

by J.C.Ködel | March 28 2012

Not working when VS is not installed in default folder (my, for instance, is in D:\Program Files (x86)\Microsoft Visual Studio 10.0\Common7\Packages\1033\schemas\CSS)

Copying from C:\... works fine.

by Milton Systems | March 21 2012

After I installed this, I found that I couldn't effectively edit html code in my code editor window; cursor refusing to position within an html element.

I de-installed this package and I was then back in business.

by Moattar | March 12 2012

by amgi | March 05 2012

If you installed it and it doesn't work,perhaps you did'nt installed the vs2010 on the default place,you must copy the file xml30.xml to right place.

by rob.bass | February 26 2012

[RESOLVED] i had problems about selecting "CSS3.0" profile on dropdown list.
I solved copying "css3.xml" file found from the default directory ("C:\programfiles_x86...") to my vs2010 directory, because i installed visual studio on another partition and this installation didnt put it on the right place.

by Margriet Bruggeman | February 21 2012

It can't hurt to add some clarifcation to CSS!

by Ranbla | February 16 2012

Can't get this to work. CSS 3.0 shows in the drop down, but I can't select. I wasted enough time going through the suggested solutions here but to no avail.

by juFo | February 16 2012

Great, but it doesn't cover everything, like:
text-shadow
http://www.w3.org/Style/Examples/007/text-shadow

by constantineava | February 02 2012

Great add-on to Visual Studio. HTML5 is gaining speed and its nice to see Microsoft does not ignore it.

by efficiondave | January 27 2012

Worked great. Finally solved the bogus errors I was getting for things like having border-radius in my CSS.

1 - 20 of 50 Items   
Sign in to start a discussion


  • text-shadow missing in latest version
    1 Posts | Last post August 01, 2011
    • Any particular reason for text-shadow not being included? The Web Standards Update included it, and I installed this after because I was annoyed with VS changing my default CSS version everytime I opened a view. After doing so, text-shadow started being reported as an unknown property. Not sure if there are other features not included, but for those interested in adding it yourself until it is included, navigate to C:\Program Files (x86)\Microsoft Visual Studio 10.0\Common7\Packages\1033\schemas\CSS and add this to css30.xml:
      
      <cssmd:property-def _locID="text-shadow" _locAttrData="description,syntax" type="composite" description="Enables shadow effects to be applied to the text of the element." syntax="Example: h1 {text-shadow: 20px 12px 2px #333;}" enum="inherit initial none" />
  • @font-face src property
    2 Posts | Last post May 08, 2011
    • This schema does not seem to fully support @font-face.  Specifically, in @font-face, it does not recognize "local" or "format" as valid functions for the "src" property.  See http://www.w3.org/TR/css3-fonts/#src for more info on the specification.
    • yeah, i agree...
  • Additional CSS 3 Properties missing
    3 Posts | Last post April 26, 2011
    • In addition to the zoom property (which @gruve1 solves in his post), other properties that are missing -- all of these are installed with the stylesheet from the Nuget HTML5Boilerplate template:
      widows
      filter
      ...and two other errors....
      Unexpected character sequence. Expected an @ block definition
      Unexpected character sequence. Expected a property name for the "<property>:<value>" declaration.
      
      Thanks for this though.
    • ...ah, actually a fix for widows, which is mispelled as 'windows' in the schema file:
      
      <cssmd:property-def _locID="windows" _locAttrData="description,syntax" type="composite"
              description="Minimum number of lines of a paragraph to leave at the top of a page"
              syntax="Integer value | inherit"/>
      
      change windows to widows and that's good.
    • filter
      @media print {
        * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
      }
      Error is on the first filter:none 
      
      Unexpected character sequence. Expected an @ block definition
      @media print {
      @page { margin: 0.5cm; }
      }
      Error is on the @
      
      Unexpected character sequence. Expected a property name for the "<property>:<value>" declaration.
      body { font:13px/1.231 sans-serif; *font-size:small; } 
      Error is on the *
      
  • Installation
    1 Posts | Last post February 06, 2011
    • Hi, My friend this version only install on visual studio 2010 and you must have Administrator account. and no problem with HTML5 Intellisense extension  but I will checked ...  
11 - 14 of 14 Items