CSS Logical Properties

A property like margin-left seems fairly logical, but as Manuel Rego Casasnovas says:

Imagine that you have some right-to-left (RTL) content on your website your left might be probably the physical right, so if you are usually setting margin-left: 100px for some elements, you might want to replace that with margin-right: 100px.

Direction, writing mode, and even flexbox all have the power to flip things around and make properties less logical and more difficult to maintain than you’d hope. Now we’ll have margin-inline-start for that. The full list is:

… these values have moved away from the underlying assumption that content on the web maps to the physical dimensions of the screen, with the first word of a sentence being top left of the box it is in. The order of lines in grid-area makes complete sense if you had never encountered the existing way that we set these values in a shorthand.

Here’s the logical properties and how they map to existing properties in a default left to right nothing-else-happening sort of way.

Zone principale de widget pour la barre latérale

Portfolio

The Financial Services Promotion Agency (FSPA) will host the maiden edition of the Finance Africa Conference, in Mauritius, on the 1st and 2nd of June 2017. The conference will attract more than 300 delegates and will see the participation of leading Fund Managers, CEOs, CIOs, Investment Advisors, Legal Advisors, Investment Bankers, Private Equity Experts, Brokers and Corporate Services Providers from around the world.

The Plateforme Citoyenne is a not for profit organisation advocating for a clean and sustainable future. Founded in 2012, its main focus has been oriented towards the preservation of the Mauritian Ecosystem. The group also channels its energy towards societal activism, all with the aim to promote and produce sustainable communities.

FAITH’s team is made up of professionals who have amassed real world experience in their respective fields. They share FAITH’s vision and recognize the importance of raising the capacity of Mauritius’s non-profit sector. They invest their time and skills to build and share fresh, innovative and relevant capacity building material to help vulnerable groups.