Hello world,

I was wondering, is it possible to make a custom CSS class?

Sort of like:

#testDIV {
width: 100px;
height: 100px;
3dfactor: z4;
}

Obviously, there is no '3dfactor' in CSS. I'm asking if there is a way to program it in, so you can make your own custom statements.

Thanks!

that would be a custom property and yes it is possible. (Microsoft have been doing it for years)

HOWEVER (and it's a biggie) you would have to write and maintain a customised DTD to tell useragents what it does, what to do with it and what it applies to AND write code to enable browsers to handle it of course.

Do I have a CSS DTD somewhere on my machine? Like my php.ini that I can edit?

All I want to add is a property called 'corner'. I need it to recognize stuff like this:

#cornerDIV {
background: #000000;
height: 100px;
width: 100px;
corner: r30px;
}

OR

corner: 30%;

and things like

corner-tr
corner-br
corner-tl
corner-bl

That's it. The r is for Radius, which is how round the corner it, how far up the box it starts and ends.

The corner will work by creating pixels in a corner-like shape. The reason for corner: is so you can put rounded corners on background images that change. I was making a site for a friend, and he had a fractal as the BG Image. I was trying to make rounded corners, but I couldn't get them because the background image kept showing through. I was probably doing it wrong anyway, but I still this feature would be cool.

No the DTD would have to be in a publicly accessible location.

Would in not indeed be simpler to use something such as;

http://www.spiffycorners.com/ ?

or hang around until CSS3 becomes standard

http://www.css3.info/preview/rounded-border/

That looks cool, but the one thing is is that it can't make a background image. Try putting the background as an image, and they won't work any more.

Originally Posted by chrishirst

or hang around until CSS3 becomes standard

http://www.css3.info/preview/rounded-border/

Dang! Thanks!!