white-space

Posted by & filed under W.

The white-space property controls how text is handled on the element it is applied to. Let’s say you have HTML exactly like this: <div> A bunch of words you see. </div> You’ve styled the div to have a set width of 100px. At a reasonable font size, that’s too much text to fit in 100px.

Continue reading →

visibility

Posted by & filed under V.

The visibility property in CSS has two different functions. It hides rows and columns of a table, and it also hides an element *without changing the layout*. p { visibility: hidden; } tr { visibility: collapse; } visibility has four valid values: visible, hidden, collapse, and inherit. We’ll go through each of them to learn

Continue reading →

vertical-align

Posted by & filed under V.

The vertical-align property in CSS controls how elements set next to each other on a line are lined up. img { vertical-align: middle; } In order for this to work, the elements need to be set alone a baseline. As in, inline (e.g.<span>, <img>) or inline-block (e.g. as set by the display property) elements. The

Continue reading →

user-select

Posted by & filed under U.

The user-select property text unselectable. .row-of-icons { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ /* No support for these yet, use at own risk */ -o-user-select: none; user-select: none; } This is useful in situations where you want to provide an

Continue reading →