What Are CSS Shapes?

Learn about CSS Shapes and how to get the best out of them

share on facebook share on twitter share on google share on digg share on linked in share on stumble upon

CSS stands for Cascading Style Sheets. CSS is used by website pages to help keep information in the correct display format. CSS is used to define styles for your website pages, including font, colour, design, spacing etc. It can also be used to create a continuous style throughout the website.

CSS Shapes allows you to create more sophisticated and polished designs without having to opt for graphic editors such as Photoshop or InDesign.

CSS Shapes allows the layout of a website to go beyond rectangles.

The conventional CSS layout is a rectangular box. However, CSS Shapes are beginning to allow layouts use non-rectangular shapes. CSS Shapes let you add a shape to a float and you use the new ‘shape-outside’ property for this. Content next to the float will flow around the shape, which gives a much more professional and sophisticated look to the page.

In the near future, CSS Shapes will focus on being able to wrap content inside the shape itself. For example, content inside a rhombic shape in CSS will always remain rectangular; however, with the ‘shape-inside’ property being implemented, the content inside the rhombic shape will be able to become rhombic as well.

In conclusion, CSS Shapes is a great way to make your website look modern, sophisticated and professional.

If you would like to start using CSS Shapes for your website, or are interested in any other services Pebble offer, please contact us on 01733 902070.

What Are CSS Shapes?

Posted in Coding by on 31 August 2016

Related Posts

Erm...What is CAPTCHA?
ERM...WHAT IS CAPTCHA?
How To Create A Link To A Phone Number In HTML
HOW TO CREATE A LINK TO A PHONE NUMBER IN HTML
Special HTML Characters
SPECIAL HTML CHARACTERS
Best Practice - Caching Files Using ASP Dot Net
BEST PRACTICE - CACHING FILES USING ASP DOT NET
Adding A Canonical Tag To An ASP.NET page
ADDING A CANONICAL TAG TO AN ASP.NET PAGE
What is meta information?
WHAT IS META INFORMATION?

Fresh From Twitter...

Join the conversation on Twitter @pebbleltd
for all the latest news on web design, ecommerce and search engine marketing with one of the leading web design agencies in the uk

  • Pebble (Peterborough)

    26 Tesla Court
    Innovation Way
    Peterborough
    PE2 6FL

    Tel: 01733 902070

    View On Map

  • Pebble (Kings Langley)

    The Old Chapel
    69 Primrose Hill
    Kings Langley
    WD4 8HX

    Tel: 01442 505878

    View On Map

Pebble Ltd is registered in England & Wales: 06257777 and registered for VAT No: 993 3500 06

Pebble Ltd is Data Protection registered ZA122783

What Are CSS Shapes? What Are CSS Shapes? Learn about CSS Shapes and how to get the best out of them

CSS stands for Cascading Style Sheets. CSS is used by website pages to help keep information in the correct display format. CSS is used to define styles for your website pages, including font, colour, design, spacing etc. It can also be used to create a continuous style throughout the website.

CSS Shapes allows you to create more sophisticated and polished designs without having to opt for graphic editors such as Photoshop or InDesign.

CSS Shapes allows the layout of a website to go beyond rectangles.

The conventional CSS layout is a rectangular box. However, CSS Shapes are beginning to allow layouts use non-rectangular shapes. CSS Shapes let you add a shape to a float and you use the new ‘shape-outside’ property for this. Content next to the float will flow around the shape, which gives a much more professional and sophisticated look to the page.

In the near future, CSS Shapes will focus on being able to wrap content inside the shape itself. For example, content inside a rhombic shape in CSS will always remain rectangular; however, with the ‘shape-inside’ property being implemented, the content inside the rhombic shape will be able to become rhombic as well.

In conclusion, CSS Shapes is a great way to make your website look modern, sophisticated and professional.

If you would like to start using CSS Shapes for your website, or are interested in any other services Pebble offer, please contact us on 01733 902070.

Contact Pebble

  • Pebble Ltd (Peterborough)
    26 Tesla Court
    Innovation Way
    Peterborough
    PE2 6FL
    Tel: 01733 902070
  • Pebble Ltd (Kings Langley)
    The Old Chapel
    69 Primrose Hill
    Kings Langley
    WD4 8HX
    Tel: 01442 505878