Posts Tagged ‘CSS’

Setting the Display Style with CSS

Setting the Display style Display Description block Display as block-level element inline Display as inline element inline-block Display as inline element with some of the properties of a block (much like an inline image or a frame) inherit Inherit the display property of the element's parent list-item Display as a list item none Do not Read the full article...


Handling Content Overflow with CSS

Here are the possible values for the CSS overflow property along with their description. Handling content overflow overflow: type Values for type visible Instructs browsers to increase the height of the element to fit the extra content hidden Hides (truncates) content that doesn't fit scroll Instruct browsers to disply scroll bars to view the extra Read the full article...


CSS List Style Types

Below is a comprehensive list of possible values for css list types. Note that this css property is one of the more inconsistent in terms of visual cross browser consistency so keep an eye out for that. List style types list-style-type Marker disc • circle ○ square ■ decimal 1,2,3,4,… lower-alpha a,b,c,d,… upper-alpha A,B,C,D,… lower-roman I,ii,iii,iv,… Read the full article...


CSS Rounded Corners

It's fairly straight forward for the most part. You include the following code and apply to the element you want to style. Eventually you will not need to use the browser prefixes but for now you do. Modify the value to achieve your desired result. -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;