Hur man skapar en hängande indrag med CSS

In internet
Advertisement

Hur man skapar en hängande indrag med CSS. En HTML blocknivå element såsom ett stycke kan stylas med en hängande indrag. Elementet du styling måste innehålla mer än en rad. Följande steg förklarar hur man skapar en hängande indrag med CSS.

Saker du behöver

HTML-redigerare

Grundläggande HTML-kunskaper

Grundläggande CSS kunskap

Skapa hängande indrag med hjälp av text-strecksatsen fastighet med stoppning till vänster. Det är bäst att tilldela CSS-regel till punkt eller något annat element med hjälp av en klass. Här är ett exempel klass som kallas hängning streck:

.hanging-strecksatsen {
text-indent: -25px;
padding-left: 25px;
}

Observera att den faktiska mängden text-strecksatsen anges som ett negativt tal; i det här fallet är det -25px. Sedan en andra regel för utfyllnad till vänster ges; i det här fallet är det 25px. Dessa två värden behöver inte matcha. Det enda du behöver göra är att använda ett negativt tal för text-strecksatsen och ett positivt värde för utfyllnad-vänster.

Styckena i sidofältet till höger på sidan i bilden visar effekten. Varje punkt i den högra sidofältet tilldelas klassen ovan: .hanging-stycket.

Om du har lagt till en ram regeln skulle gränsen omger hela blocknivå element (se bild).

You may also read!

Hur man gör den hängande indrag När Värdera Papers

Hur man gör den hängande indrag När Värdera Papers

Skapa hängande indrag för en verk citerade sida är en enkel process. Strecksatsen kan antingen göras manuellt med mellanslagstangenten, eller ligger på linjalen. Reglerna för en hängande indrag fastställs av både MLA och APA; följande guide kan du fö

Read More...
Hur man skapar en bricka tak med upp-Lighting

Hur man skapar en bricka tak med upp-Lighting

Om du någonsin har bläddrade en utsmyckning tidningen och sett rum med spektakulära indirekt belysning, är chansen att du tittar på en bricka tak med rep belysning. Även om en upplyst bricka tak verkar vara en komplicerad arkitektonisk funktion efter

Read More...
Hur man skapar en e-fotobok med Microsoft Word

Hur man skapar en e-fotobok med Microsoft Word

I dagens elektroniska värld, kan en e-bok bilder vara det enklaste sättet att dela dem med familj och vänner. En av de bästa format för en e-bok är ett PDF-dokument, som är relativt liten i storlek och gör det möjligt att låsa bilderna för att hindra

Read More...
Hur Style en fieldset och legend med CSS

Hur Style en fieldset och legend med CSS

Ett formulärelement som hjälper dig att organisera och klargöra ett formulär är fieldset elementet. Ett formulär kan innehålla mer än en fieldset. Till exempel kan det finnas en fieldset innehåller formulärelement för användarens personliga informati

Read More...
Hur man skapar en Hangman spel med Java

Hur man skapar en Hangman spel med Java

Alla minns spelar ord gissningslek bödel som barn. En spelare väljer i hemlighet ett ord. Den andra spelaren måste gissa bokstäver som kan vara i ordet. Om hon är rätt, är bokstäverna sätts. Om hon är fel, är en annan kroppsdel ​​för bödeln dras in.

Read More...
Hur man skapar en positiv relation med anställda

Hur man skapar en positiv relation med anställda

Arbetsgivarna har ibland en dålig relation med anställda eftersom de inte vet hur man skapar en positiv atmosfär. Här är några tips för att främja en positiv relation med dina anställda. Kommunikation är viktigt. Se till att de anställda vet vad du f

Read More...
Hur man skapar en e-bok med Acrobat Pro

Hur man skapar en e-bok med Acrobat Pro

Adobe Acrobat Professional är en PDF-redaktör. När du skapar en e-bok med hjälp av Acrobat Pro, är boken faktiskt inte skrivet i Acrobat. Den är skriven i ett ordbehandlingsprogram som Microsoft Word och sedan omvandlas till PDF-format med hjälp av A

Read More...
Hur man skapar en 5 kolumn Tableless CSS webbplats mall

Hur man skapar en 5 kolumn Tableless CSS webbplats mall

Att lägga ut en webbsida med CSS istället för tabeller kan vara svårt för människor som är vana vid tabell baserad kod, särskilt när det gäller att placera informations sida vid sida, i kolumner. När du lär dig de grundläggande teknikerna, hittar du

Read More...
Hur man skapar en hängande kläder Rack från en vägg i ett rum med ingen garderob

Hur man skapar en hängande kläder Rack från en vägg i ett rum med ingen garderob

Skapa ett utrymme för att hänga kläder i ett rum med ingen garderob är ett enkelt projekt. Closet bar stöder gör det möjligt för dig att sätta en hylla på toppen. Detta gör det möjligt att ha en färdig "closet" utan mycket arbete. Eftersom detta

Read More...