Specify the style of the rule between columns: div { -webkit-column-rule-style: dotted; /* Chrome, Safari, Opera */ -moz-column-rule-style: dotted; /* Firefox */ column-rule-style: dotted; } Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The column-rule-style property specifies the style of the rule between columns. Default value: none Inherited: no Animatable: no. Read about animatable Version: CSS3 JavaScript syntax: […]
column rule width : Specify the width of the rule between columns: div { -webkit-column-rule-width: 10px; /* Chrome, Safari, Opera */ -moz-column-rule-width: 10px; /* Firefox */ column-rule-width: 10px; } Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The column-rule-width property specifies the width of the rule between columns. Default value: medium Inherited: no Animatable: yes. Read about animatable – Try […]
Column rule color: Specify the color of the rule between columns: div { -webkit-column-rule-color: #ff0000; /* Chrome, Safari, Opera */ -moz-column-rule-color: #ff0000; /* Firefox */ column-rule-color: #ff0000; } Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The column-rule-color property specifies the color of the rule between columns. Default value: The current color of the element Inherited: […]
Rule Property: Specify the width, style, and color of the rule between columns: div { -webkit-column-rule: 4px double #ff00ff; /* Chrome, Safari, Opera */ -moz-column-rule: 4px double #ff00ff; /* Firefox */ column-rule: 4px double #ff00ff; } Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The column-rule property sets the width, style, and color of the rule […]
column-gap: Specify a 40 pixels gap between the columns: div { -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; } Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The column-gap property specifies the gap between the columns. Note: If there is a column-rule between columns, it will appear in the middle […]
Specify how to fill columns: .newspaper1 { -moz-column-fill: auto; /* Firefox */ column-fill: auto; } .newspaper2 { -moz-column-fill: balance; /* Firefox */ column-fill: balance; } Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The column-fill property specifies how to fill columns, balanced or not. Tip: If you add a height to a multi-column element, you can control how the […]
Column Count: Divide the text in the <div> element into three columns: div { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; } Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The column-count property specifies the number of columns an element should be divided into. Default value: auto Inherited: no […]
Set the text-color for different elements: body { color: red; }h1 { color: #00ff00; } p.ex { color: rgb(0,0,255); } Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The color property specifies the color of text. Tip: Use a background color combined with a text color that makes the text easy to read. Default value: not specified […]
Clip Property/Clip an image: img { position: absolute; clip: rect(0px,60px,200px,0px); } Try it Yourself » Definition and Usage What happens if an image is larger than its containing element? – The clip property lets you specify a rectangle to clip an absolutely positioned element. The rectangle is specified as four coordinates, all from the top-left corner of the […]
Clear Property: Do not allow floating elements on the left or the right side of a specified <p> element: img { float: left; }p.clear { clear: both; } Try it Yourself » Definition and Usage The clear property specifies on which sides of an element floating elements are not allowed to float. Default value: none Inherited: no Animatable: no. Read […]
charset: Set the encoding of the style sheet to Unicode UTF-8 @charset “UTF-8”; Definition and Usage The @charset rule specifies the character encoding used in the style sheet. The @charset rule must be the first element in the style sheet and not be preceded by any character. If several @charset rules are defined, only the […]
Set the caret-color of the cursor in input elements: input { caret-color: red; } Try it Yourself » Definition and Usage The caret-color property specifies the color of the cursor (caret) in inputs, textareas, or any element that is editable. Default value: auto Inherited: yes Animatable: Read about animatable Version: CSS3 JavaScript syntax: object.style.caretColor=”red” Try it CSS Syntax […]
caption-side: Specify the placement of table captions: #example1 { caption-side: bottom; }#example2 { caption-side: top; } Try it Yourself » Definition and Usage The caption-side property specifies the placement of a table caption. Default value: top Inherited: yes Animatable: no. Read about animatable Version: CSS2 JavaScript syntax: object.style.captionSide=”bottom” Try it CSS Syntax caption-side: top|bottom|initial|inherit; Property Values Value Description top Puts the caption […]
Security and maintenance are important with any computer, and Windows 7 has made several improvements that make it easier than ever to keep your computer in good shape. In this lesson, you will learn how to use the Action Center, User Account Control Settings, and Troubleshootingto keep your computer running as smoothly as possible. You will also learn […]
At this point, you are likely ready to start organizing and accessing your files and content. Windows 7 has developed search and libraries to make it easier to find, maneuver, and customize your files. In this lesson, we will show you how to find and how to access your content through Search and Libraries. In addition, we […]
With Windows 7, everyone who uses your computer can have their own user account. This allows each person to have his or her own settings, and it allows you to set up Parental Controls to limit the types of games and programs your children are able to use. In this lesson, you will learn how to create new user […]
You may still be exploring Windows 7, or you may have already purchased the operating system. Either way, we’re now going to look at the installation process. In this lesson, you will review pre-installation preparation and learn how to install Windows 7, along with any accompanying devices and hardware. 1. Recycle Bin When you delete a file, it is […]
You may still be exploring Windows 7, or you may have already purchased the operating system. Either way, we’re now going to look at the installation process. In this lesson, you will review pre-installation preparation and learn how to install Windows 7, along with any accompanying devices and hardware. Pre-installation preparation There are a few things you need to […]
Now that you have explored what Windows 7 has to offer, we can help you understand what’s involved in moving to this operating system. In this lesson, we will review the various versions of Windows 7 and the system requirements for running the operating system. We will discuss the process of upgrading and any considerations you need to be aware of before switching […]
Are you wondering about the Windows 7 operating system? Perhaps you are trying to decide if you want to upgrade from XP or Vista. Maybe you are thinking about buying a new computer and want to learn more about Windows 7 first. With these questions in mind, we explored Windows 7 and would like to […]
