Comprehensive CSS3 Command List, With Descriptions And Typical Mark Up
()
About this ebook
The Ultimate, Comprehensive CSS3 Reference Guide.
Full command list with descriptions and typical mark up.
Online Trainees
Online Trainees produce manuals and courses on various subjects.
Read more from Online Trainees
Optometrist Practice Assistant Course Rating: 5 out of 5 stars5/5Customer Service Course: Necessary Skills For Effective Customer Service Rating: 5 out of 5 stars5/5Excel Techniques Rating: 2 out of 5 stars2/5Communication Is At The Core Of Every Business And Relationship: A Short Course Rating: 0 out of 5 stars0 ratingsGuidelines For Effective Business Communication Rating: 0 out of 5 stars0 ratingsThe Long Road To Publishing Successfully Online Rating: 0 out of 5 stars0 ratings
Related to Comprehensive CSS3 Command List, With Descriptions And Typical Mark Up
Related ebooks
Excel BI and Dashboards in 7 Days: Build interactive dashboards for powerful data visualization and insights (English Edition) Rating: 0 out of 5 stars0 ratingsRegex Quick Syntax Reference: Understanding and Using Regular Expressions Rating: 0 out of 5 stars0 ratingsInstant HTML5 Geolocation How-To Rating: 0 out of 5 stars0 ratingsLarge Scale Machine Learning with Python Complete Self-Assessment Guide Rating: 0 out of 5 stars0 ratingsCinder Creative Coding Cookbook Rating: 0 out of 5 stars0 ratingsPython Development The Ultimate Step-By-Step Guide Rating: 0 out of 5 stars0 ratingsMicroservice A Complete Guide - 2020 Edition Rating: 0 out of 5 stars0 ratingsHeroku Cookbook Rating: 0 out of 5 stars0 ratingsModern Multithreading: Implementing, Testing, and Debugging Multithreaded Java and C++/Pthreads/Win32 Programs Rating: 0 out of 5 stars0 ratingsSQL Server 2012 with PowerShell V3 Cookbook Rating: 0 out of 5 stars0 ratingsThe Deaf Awakening in France: For a bilingual perspective Rating: 0 out of 5 stars0 ratingsFull Stack JavaScript A Complete Guide - 2020 Edition Rating: 0 out of 5 stars0 ratingsWriting Between the Sexes Rating: 0 out of 5 stars0 ratingsData vault modeling Complete Self-Assessment Guide Rating: 0 out of 5 stars0 ratingsGoogle Apps Script Standard Requirements Rating: 0 out of 5 stars0 ratingszOS JCL (Job Control Language) Rating: 0 out of 5 stars0 ratingsLess Web Development Essentials - Second Edition Rating: 0 out of 5 stars0 ratingsImplementing Domain-Specific Languages with Xtext and Xtend Rating: 4 out of 5 stars4/5Data Visualization with D3 4.x Cookbook - Second Edition Rating: 0 out of 5 stars0 ratingsProfessional C++ Rating: 3 out of 5 stars3/5SAS Programming for Enterprise Guide Users, Second Edition Rating: 0 out of 5 stars0 ratingsHuman-Computer Interaction and Beyond: Advances Towards Smart and Interconnected Environments (Part I) Rating: 0 out of 5 stars0 ratingsCloning Internet Applications with Ruby Rating: 5 out of 5 stars5/5Linux Basics for SysAdmin: Learn core linux concepts and command-line skills to kickstart your system administration career Rating: 0 out of 5 stars0 ratingsIvor Horton's Beginning Visual C++ 2013 Rating: 0 out of 5 stars0 ratingsCode Beneath the Surface: Mastering Assembly Programming Rating: 0 out of 5 stars0 ratingsPthreads Complete Self-Assessment Guide Rating: 0 out of 5 stars0 ratingsBeginning SQL Server Reporting Services Rating: 0 out of 5 stars0 ratingsProgramming In ‘C’ Rating: 0 out of 5 stars0 ratingsIan Talks Statistics A-Z Rating: 0 out of 5 stars0 ratings
Internet & Web For You
Social Engineering: The Science of Human Hacking Rating: 3 out of 5 stars3/5Tor and the Dark Art of Anonymity Rating: 5 out of 5 stars5/5Coding For Dummies Rating: 5 out of 5 stars5/5How to Disappear and Live Off the Grid: A CIA Insider's Guide Rating: 0 out of 5 stars0 ratingsNo Place to Hide: Edward Snowden, the NSA, and the U.S. Surveillance State Rating: 4 out of 5 stars4/5How to Be Invisible: Protect Your Home, Your Children, Your Assets, and Your Life Rating: 4 out of 5 stars4/5Coding All-in-One For Dummies Rating: 4 out of 5 stars4/5An Ultimate Guide to Kali Linux for Beginners Rating: 3 out of 5 stars3/5Six Figure Blogging Blueprint Rating: 5 out of 5 stars5/5Mike Meyers' CompTIA Security+ Certification Guide, Third Edition (Exam SY0-601) Rating: 5 out of 5 stars5/5The Gothic Novel Collection Rating: 5 out of 5 stars5/5Remote/WebCam Notarization : Basic Understanding Rating: 3 out of 5 stars3/5The Hacker Crackdown: Law and Disorder on the Electronic Frontier Rating: 4 out of 5 stars4/5How To Start A Profitable Authority Blog In Under One Hour Rating: 5 out of 5 stars5/5How To Make Money Blogging: How I Replaced My Day-Job With My Blog and How You Can Start A Blog Today Rating: 4 out of 5 stars4/5The Digital Marketing Handbook: A Step-By-Step Guide to Creating Websites That Sell Rating: 5 out of 5 stars5/5HTML in 30 Pages Rating: 5 out of 5 stars5/5Podcasting For Dummies Rating: 4 out of 5 stars4/5Wordpress for Beginners: The Easy Step-by-Step Guide to Creating a Website with WordPress Rating: 5 out of 5 stars5/5The Beginner's Affiliate Marketing Blueprint Rating: 4 out of 5 stars4/5Everybody Lies: Big Data, New Data, and What the Internet Can Tell Us About Who We Really Are Rating: 4 out of 5 stars4/5Lying and Lie Detection: A CIA Insider's Guide Rating: 0 out of 5 stars0 ratingsStop Asking Questions: How to Lead High-Impact Interviews and Learn Anything from Anyone Rating: 5 out of 5 stars5/5The $1,000,000 Web Designer Guide: A Practical Guide for Wealth and Freedom as an Online Freelancer Rating: 5 out of 5 stars5/5Content Chemistry: The Illustrated Handbook for Content Marketing Rating: 5 out of 5 stars5/5Beginner's Guide To Starting An Etsy Print-On-Demand Shop Rating: 0 out of 5 stars0 ratings
Reviews for Comprehensive CSS3 Command List, With Descriptions And Typical Mark Up
0 ratings0 reviews
Book preview
Comprehensive CSS3 Command List, With Descriptions And Typical Mark Up - Online Trainees
Comprehensive CSS3 Command List, With Descriptions And Typical Mark Up
By
Online Trainees
SMASHWORDS EDITION
*******
Published by
Online Trainees at Smashwords
Comprehensive CSS3 Command List, With Descriptions And Typical Mark Up
Copyright 2012 Online Trainees
Smashwords Edition, License Notes
This ebook is licensed for your personal enjoyment only. This ebook may not be re-sold or given away to other people. If you would like to share this book with another person, please purchase an additional copy for each recipient. If you’re reading this book and did not purchase it, or it was not purchased for your use only, then please return to Smashwords.com and purchase your own copy. Thank you for respecting the hard work of this author.
Content
CSS Syntax
ACCELERATOR
BACKGROUND
BACKGROUND-COLOR
BACKGROUND-POSITION
BACKGROUND-POSITION-X
BACKGROUND-POSITION-Y
BACKGROUND-REPEAT
BEHAVIOR
BORDER
BORDER-BOTTOM
BORDER-BOTTOM-COLOR
BORDER-BOTTOM-STYLE
BORDER-BOTTOM-WIDTH
BORDER-COLLAPSE
BORDER-COLOR
BORDER-LEFT
BORDER-LEFT-COLOR
BORDER-LEFT-STYLE
BORDER-LEFT-WIDTH
BORDER-RIGHT
BORDER-RIGHT-COLOR
BORDER-RIGHT-STYLE
BORDER-RIGHT-WIDTH
BORDER-SPACING
BORDER-STYLE
BORDER-TOP
BORDER-TOP-COLOR
BORDER-TOP-STYLE
BORDER-TOP-WIDTH
BORDER-WIDTH
BOTTOM
CAPTION-SIDE
CLEAR
CLIP
COLOR
CONTENT
COUNTER-INCREMENT
COUNTER-RESET
CUE
CUE-AFTER
CUE-BEFORE
CURSOR
DIRECTION
DISPLAY
ELEVATION
EMPTY-CELLS
FILTER
FLOAT
FONT
FONT-FAMILY
FONT-SIZE
FONT-SIZE-ADJUST
FONT-STRETCH
FONT-STYLE
FONT-VARIANT
FONT-WEIGHT
HEIGHT
IME-MODE
INCLUDE-SOURCE
LAYER-BACKGROUND-COLOR
LAYER-BACKGROUND-IMAGE
LAYOUT-FLOW
LAYOUT-GRID
LAYOUT-GRID-CHAR
LAYOUT-GRID-CHAR-SPACING
LAYOUT-GRID-LINE
LAYOUT-GRID-MODE
LAYOUT-GRID-TYPE
LEFT
LETTER-SPACING
LINE HEIGHT
LINE-BREAK
LIST-STYLE
LIST-STYLE-IMAGE
LIST-STYLE-POSITION
LIST-STYLE-TYPE
MARGIN
MARGIN-BOTTOM
MARGIN-LEFT
MARGIN-RIGHT
MARGIN-TOP
MARKER-OFFSET
MARKS
MAX-HEIGHT
MAX-WIDTH
MIN-HEIGHT
MIN-WIDTH
ORPHANS
OUTLINE-COLOR
OUTLINE-STYLE
OUTLINE-WIDTH
OVERFLOW
OVERFLOW-X
OVERFLOW-Y
PADDING
PADDING-BOTTOM
PADDING-LEFT
PADDING-RIGHT
PADDING-TOP
PAGE
PAGE-BREAK-AFTER
PAGE-BREAK-BEFORE
PAGE-BREAK-INSIDE
PAUSE
PAUSE-AFTER
PAUSE-BEFORE
PITCHRANGE
PLAY-DURING
POSITION
QUOTES
RICHNESS
RIGHT
RUBY-ALIGN
RUBY-OVERHANG
RUBY-POSITION
SCROLLBAR-3DLIGHT-COLOR
SCROLLBAR-ARROW-COLOR
SCROLLBAR-BASE-COLOR
SCROLLBAR-DARKSHADOW-COLOR
SCROLLBAR-FACE-COLOR
SCROLLBAR-HIGHLIGHT-COLOR
SCROLLBAR-SHADOW-COLOR
SCROLLBAR-TRACK-COLOR
SIZE
SPEAK
SPEAK-HEADER
SPEAK-NUMERICAL
SPEAK-PUNCTUATION
SPEECH-RATE
STRESS
TABLE-LAYOUT
TEXT-ALIGN
TEXT-ALIGN-LAST
TEXT-AUTOSPACE
TEXT-DECORATION
TEXT-INDENT
TEXT-JUSTIFY
TEXT-KASHIDA-SPACE
TEXT-OVERFLOW
TEXT-SHADOW
TEXT-TRANSFORM
TEXT-UNDERLINE-POSITION
TOP
UNICODE-BIDI
VERTICAL-ALIGN
VISIBILITY
VOICE-FAMILY
VOLUME
WHITE-SPACE
WIDOWS
WIDTH
WORD-BREAK
WORD-SPACING
WORD-WRAP
WRITING-MODE
Z-INDEX
ZOOM
CSS Syntax
A CSS rule has two main parts: a selector, and one or more declarations:
The selector is normally the HTML element you want to style.
Each declaration consists of a property and a value.
The property is the style attribute you want to change. Each property has a value.
ACCELERATOR
This property is specific to Microsoft. Microsoft, has the ability to turn off its system underlines for accelerator keys until the ALT key is pressed.
While this works for underlined elements (the HTML U
element), it also seems to work for any element, although a different pseudo-underline color seems to be generated in such cases.
Mark up
u{accelerator:true}
BACKGROUND
This is a shorthand property for setting all background properties in one declaration.
Inherited: No
Mark up
Option 1 – body {background: #FF0000}
Option 2 – body {background: url(test.gif) no-repeat top}
Option 3 – body {background: #00FF00 url(test.gif no-repeat fixed top}
Possible Values
Value
Background-color
Background-image
Background-repeat
Background-attachment
Background-position
BACKGROUND-COLOR
The background-color property sets the background color of an element.
Inherited: No
Mark up
p {background-color: #00ff00}
Possible Values
Color - Value can be a color name (red), a rgb value (rgb(255,0,0)), or a hex number (#ff0000)
Transparent - background color is transparent
BACKGROUND-POSITION
The background-position property sets the starting position of a background image.
Inherited: No
Mark up
body{background-image: url(test.gif); background-repeat: no-repeat;background position: top left}
body{background-image: url(test.gif);background-repeat: no-repeat; background-position: 0% 0%}
Possible Values
If only one keyword is used, the next will be center
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x-%y-%
x-pos y-pos
BACKGROUND-POSITION-X
If a ‘background-image’ is specified, this property specifies the initial position on the X-axis of the background image. A minimum value for this property indicates the left side of the rendering box, and a maximum value is at the right side. The Y-axis component of the background position can be specified using the ‘background’, ‘background-position’ or ‘background-position-y’ properties.
Mark up
div.marked {background-image: url(test.jpg);background-position-x: center}
Possible Values
[Percentage] - Percentage is in reference to the dimensions of the box of the current element. Value specifies the percentage on BOTH the image and the canvas and may be negative (eg: 20% indicates the reference point 20% from the left side of the image is to be located at 20% from the left side of the element’s rendering box
[Length] - Represents an absolute X-coordinate position for the image and may be negative. Standard Absolute or Relative Length Units may be used here
left|center|right - Keywords representing X-axis screen positions for image placement
BACKGROUND-POSITION-Y
When a ‘background-image’ is specified, this property specifies the initial position on the Y-axis of the background image specified in the browser window if it is not continuously tiled in the element’s rendering box. A minimum value for this property indicates the upper side of the rendering box, and a maximum value is at the lower side. The X-axis component of the background position can be specified using the ‘background’, ‘background-position’ or ‘background-position-x’ properties.
Mark up
body{ background-image: url(test.gif);background-repeat: repeat-x;background-position-y: bottom}
Possible Values
[Percentage] - Percentage is in reference to the dimensions of the box of the current element. Value specifies the percentage on BOTH the image and the canvas and may be negative (eg: 70% indicates the reference point 70% from the top side of the image is to be located at 70% from the top side of the element’s rendering box
[Length] - Represents an absolute Y-coordinate position for the image and may be negative. Standard Absolute or Relative Length Units may be used here
tom|middle|bottom - Keywords representing Y-axis screen positions for image placement
BACKGROUND-REPEAT
The background-repeat property sets how a background image will be repeated.
Inherited: No
Mark up
body {background-image: url(test.gif);background-repeat: repeat-x}
Possible Values
repeat - The background image will be repeated vertically and horizontally
repeat-x - The background image will be repeated horizontally
repeat-y - The background image will be repeated vertically
no-repeat - The background-image will be displayed only once
BEHAVIOR
The Behavior property specifies one or more space separated URLs indicating script(s) to attach to a CSS selector. Behaviors allow the default functionality of a given element to be extended. Using simple CSS syntax that allows script to be separated from style and content, CSS behaviors offer a fairly elegant and efficient way to re-use script code.
Mark up
blockquote { behavior: url(test.htc) url(#behaveBinObject) }
behavior: url(hilight.htc) url(#behaveBinObject)>Some text here
Possible Values
[Script URL] - Provides an absolute or relative URL reference to the Behavior.
[#Object ID] - The Behavior is a binary implementation. This syntax consists of a hash sign (#
) followed by an OBJECT element ID within the document that instantiates the binary implementation.
[Default Behavior] - Quite a few default behaviors ship with Internet Explorer 5.0. This syntax allows each default behavior to be easily referenced.
BORDER
This is a shorthand property which allows an author to specify the border-width, border-style, and border-color for all the borders of an element’s rendering box at once. Unlike the ‘margin’ and ‘padding’ properties, this property cannot specify different values for each side. To do this, use the properties for each side instead (‘border-top’, ‘border-right’, ‘border-bottom’ and ‘border-left’.)
Mark up
blockquote { border: medium dashed #ff0000 }
Possible Values
inherit - Explicitly sets the value of this property to that of the parent.
[border-width] - Uses a [border-width] value to render the border for an element’s rendering box.
[border-style] - Uses a [border-style] value to render the border for an element’s rendering box.
[border-color] - Uses a [border-color] value to render the border for an element’s rendering box.
BORDER-BOTTOM
This is a shorthand property which allows an author to specify the border-width, border-style, and border-color for the bottom border of an element. If no color is specified, the value will be taken from the ‘color’ property.
Mark up
div.out { border-bottom: 10px outset #ffffff }