HTML

Home
Basics Elements and Attributes Headings and Paragraphs Styles and Colors Class and ID Attribute Quotation and Formating Elements Forms Tasks
Introduction CSS Types pseudo class Table with Styles Overflow Properties Display Properties Position Property Line-Height&Letter-Spacing Periodic Table
Introduction Display Properties Identifiers Operators String Methods Array Functions Object Event Handling Dialog Boxes Calculator Design
Introduction Basic Sql Alter and Tables Constraints Insert and Select Operators Joins Group by&Union Backup Exception Handling Views&User Defined Functions Company Database
Introduction Variables & Operators Conditional & Looping Statements Functions & String Expressions Pointers & Recursion Array & Files Patterns
Introduction
Configuration Introduction Sql
MasterDev
Display Property:
Display Property specifies how an element is displayed
Default display property of most elements is inline or block.
         Inline: <spapn>,<a>,<img>
         Block-level:<p>, <h1>-<h6>,<form>
Display properties are:
  • Inline
  • Block
  • Hidden
Syntax:
             selector{
                          display:value;
                          }
1)Inline: Displaying any type of default element(block-level) as inline element.Height and width properties are not applicable.
2)Block:Displaying any type of default element(Inline) as Block element. We can apply Height and width properties.
3)None:None means without deleting any text or information we can simply make it as hide that means text is not displayed to the user.

1)Block Property Example:
 It will continue the the information in Next line.
EX:
   

 OUTPUT:



2)Inline: It will continue in the same line

Code:

OUTPUT:





3)None:It Will Hide the data and continue the rest of the information without leaving any space.
Code:


 OUTPUT:



Visibility Property:
It is also like hidden property.But if we specify an element as visibility hidden then still it takes the space as like before and affects the page.

1)Visibility-Hidden:This property also hides the data and it will leave the space and continue the next statement in the same line or in the next line.

 OUTPUT:








In the above example i hide the span tag which is id="sa" then it will leave the space and continued the next lines
Subscribe to: Posts (Atom)