Css 3

• 

  skoobot · Member · May 29, 2010 at 4:20 pm

  • Copy link
  • Add topic to favorites

  Is there no support for CSS3?

  Just started a new blog on wordpress.com, I want to make it look good so I bought the Custom CSS Upgrade.
  The Stylesheet Editor is a realy nice feature, and well worth the $15, but why is it removing my -moz, -webkit codes? Is there any plans on easing up the hardcore code-stripping?

  Love wordpress, love free speach (free blogs) understand that you guys need to restrict some features, but CSS3 should be ok.

  /Manny
  skoobot.wordpress.com

  The blog I need help with is: (visible only to logged in users)

• 

  devblog · Member · May 29, 2010 at 4:49 pm

  • Copy link

  “-moz…” and “-webkit…” are not CSS3 properties, but browser equivalents to the CSS3 properties such as “border-top-right-radius”.

  What properties are you trying to define? I know for a fact that properties such as

  -moz-border-radius...
  -khtml-border-radius
  -webkit-border...

  are not stripped off.

• 

  thesacredpath · Member · May 29, 2010 at 6:26 pm

  • Copy link

  Yeah, and here I’ve noticed that -moz, -khtml, and -webkit will automatically be added in some instances when you save your CSS here.

• 

  skoobot · Member · May 31, 2010 at 12:19 pm

  • Copy link

  I was a little quick with writing my post, but I tried to make was:
  
-moz-column-width: 13em;
-webkit-column-width: 13em;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;


  I did not try any other -moz or -webkit rules but noticed that some work, and some don’t… Is there any list or post about what rules are allowed?

• 

  devblog · Member · May 31, 2010 at 8:42 pm

  • Copy link

  Why wouldn’t you want to use a regular “width” and “margin” properties? What would be the benefit of using those instead?

  Knowing the answer to those questions would help me to give you a better solution/approach to what you may be wanting to achieve.

  Also, if you want a flexible unit (for widths, heights and margins), use “%” not “em”. “em” should be used for text definitions only.

• 

  hallluke · Member · May 31, 2010 at 11:49 pm

  • Copy link

  Those are part of the CSS3 spec that automatically create multicolumn blocks so that text is styled much like in a newspaper. You could apply the style to a div element and set the width property so that it created three columns that resize themselves according to the amount of text in the div. Pretty clever stuff. I’m not sure why it won’t work in this case, are your browsers updated to the most recent versions?

  lh

• 

  devblog · Member · Jun 1, 2010 at 12:18 am

  • Copy link

  I don’t consider them part of the CSS3 spec since they are preceded by the “-moz” or “-webkit” identifiers which are the browser equivalents to the ones in the spec.

  http://www.w3.org/TR/css3-multicol/

  Real CSS3 properties don’t have prefixes:

  column-gap: 20px;

  Yes, this is clever stuff indeed, but unfortunately, there are things that will get stripped out. If their parser doesn’t recognize something, then bye-bye to your code. I used to get so darn frustrated because I wanted to implement certain things but the software would strip them out. Child selectors was one of them; good thing they do support them now.

  So, based on my experience with the WP software, the OP will have to use the “closest” thing to those properties… in this case, “widths” and “margins”…