CSS - Read For Learn

Is background-color:none valid CSS?

You probably want transparent as none is not a valid background-color value. The CSS 2.1 spec states the following for the background-color property: Value: <color> | transparent | inherit <color> can be either a keyword or a numerical representation of a colour. Valid color keywords are: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, and yellow transparent and inherit are valid keywords in their own … Read more

Any way to limit border length?

Hope this helps:

Can you set a border opacity in CSS?

Unfortunately the opacity property makes the whole element (including any text) semi-transparent. The best way to make the border semi-transparent is with the rgba color format. For example, this would give a red border with 50% opacity: For extremely old browsers that don’t support rgba (IE8 and older), the solution is to provide two border … Read more

How do I right align div elements?

You can make a div that contains both the form & the button, then make the div float to the right by setting float: right;.

How to completely remove borders from HTML table

And in css: EDIT: As iGEL noted, this solution is officially deprecated (still works though), so if you are starting from scratch, you should go with the jnpcl’s border-collapse solution. I actually quite dislike this change so far (don’t work with tables that often). It makes some tasks bit more complicated. E.g. when you want … Read more

How to override !important?

Overriding the !important modifier Simply add another CSS rule with !important, and give the selector a higher specificity (adding an additional tag, id or class to the selector) add a CSS rule with the same selector at a later point than the existing one (in a tie, the last one defined wins). Some examples with a … Read more

Responsive Bootstrap Jumbotron Background Image

I’m using bootstrap jumbotron, and including a background image. Resizing the screen makes the image tile and repeat, whereas I want the image to be responsively resized. How would you go about making the image responsive? The site is HERE. Thanks for your ideas!

How do I horizontally center a span element inside a div

One option is to give the <a> a display of inline-block and then apply text-align: center; on the containing block (remove the float as well): http://jsfiddle.net/Adrift/cePe3/

CSS3 Transition – Fade out effect

You can use transitions instead:

+ More