Vertical-align - Versionshistorik

PGJ: /* Exempel */

2019-01-13T20:04:16Z

Exempel

← Äldre version		Versionen från 13 januari 2019 kl. 20.04
Rad 40:		Rad 40:

	== Exempel ==		== Exempel ==
	<codepen pen="LpPyaY" height="~~600~~" tab="css,result">		<codepen pen="LpPyaY" height="800" tab="css,result">
	</codepen>		</codepen>

	== Egenskapens definition ==		== Egenskapens definition ==
	http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align		http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align

PGJ: /* Exempel */

2019-01-13T20:03:54Z

Exempel

← Äldre version		Versionen från 13 januari 2019 kl. 20.03
Rad 40:		Rad 40:

	== Exempel ==		== Exempel ==
	<codepen pen="LpPyaY" height="~~200~~" tab="css">		<codepen pen="LpPyaY" height="600" tab="css,result">
	</codepen>		</codepen>

	== Egenskapens definition ==		== Egenskapens definition ==
	http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align		http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align

PGJ: /* Egenskapens definition */

2015-08-27T19:56:36Z

Egenskapens definition

← Äldre version		Versionen från 27 augusti 2015 kl. 19.56
Rad 44:		Rad 44:

	== Egenskapens definition ==		== Egenskapens definition ==
	http://~~dev~~.w3.org/~~csswg~~/~~css-transitions~~/#~~animatable~~-~~css~~		http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align

PGJ: /* Egenskaper */

2015-08-27T19:55:58Z

Egenskaper

← Äldre version		Versionen från 27 augusti 2015 kl. 19.55
Rad 19:		Rad 19:
	\|}		\|}

	~~<code>baseline</code>~~		I alla fall gäller att om föräldraelementet skulle sakna en baslinje, används nedre kanten på föräldraelementets bottenmarginal.

	<code>~~sub~~</code>		''höjdvärde'' förflyttar elementet så långt ifrån föräldraelementets baslinje. Värdet kan anges med hjälp av alla [[Måttenheter_i_CSS\|CSS-måttenheter]]. Eventuell procent räknas ifrån föräldraelementets <code>line-height</code>.

	<code>~~super~~</code>		<code>baseline</code> lägg elements baslinje i kant med föräldraelementets baslinje.

	<code>~~text-top~~</code>		<code>sub</code> lägg elements baslinje i kant med den baslinje som gäller föräldraelementet nedsänkta text.

	<code>~~text-bottom~~</code>		<code>super</code> lägg elements baslinje i kant med den baslinje som gäller föräldraelementet upphöjda text.

	<code>~~middle~~</code>		<code>text-top</code> lägg elements toppkant i kant med toppen på föräldraelementets teckensnitt.

	<code>~~top~~</code>		<code>text-bottom</code> lägg elements bottenkant i kant med botten på föräldraelementets teckensnitt.

	<code>bottom</code>		<code>middle</code> lägg elements baslinje i kant med föräldraelementets baslinje plus halva dess <code>x</code>-höjd.

			<code>top</code> justerar så toppen av elementet läggs mot föräldraelementets topp.

			<code>bottom</code> justerar så botten av elementet läggs mot föräldraelementets botten.

	== Exempel ==		== Exempel ==

PGJ: Skapade sidan med 'Anger hur ett element av typen `inline` eller `table-cell` ska placeras vertikalt i relation till dess föräldraelement. == Egenskaper == {| class="wik...'

2015-08-27T19:27:46Z

Skapade sidan med 'Anger hur ett element av typen <code>inline</code> eller <code>table-cell</code> ska placeras vertikalt i relation till dess föräldraelement. == Egenskaper == {| class="wik...'

Ny sida

Anger hur ett element av typen <code>inline</code> eller <code>table-cell</code> ska placeras vertikalt i relation till dess föräldraelement.

== Egenskaper ==
{| class="wikitable"
| Parametrar
| <''höjdvärde''> | <code>baseline</code> | <code>sub</code> | <code>super</code> | <code>text-top</code> | <code>text-bottom</code> | <code>middle</code> | <code>top</code> | <code>bottom</code>
|-
| Defaultvärde
| <code>baseline</code>
|-
| Ärvs?
| Ja
|-
| Animerbart?
| Ja
|-
| Fungerar med...
| <code>inline</code>- eller <code>table-cell</code>-element.
|}

<code>baseline</code>

<code>sub</code>

<code>super</code>

<code>text-top</code>

<code>text-bottom</code>

<code>middle</code>

<code>top</code>

<code>bottom</code>

== Exempel ==
<codepen pen="LpPyaY" height="200" tab="css">
</codepen>

== Egenskapens definition ==
http://dev.w3.org/csswg/css-transitions/#animatable-css

Vertical-align - Versionshistorik

PGJ: /* Exempel */

PGJ: /* Exempel */

PGJ: /* Egenskapens definition */

PGJ: /* Egenskaper */

PGJ: Skapade sidan med 'Anger hur ett element av typen inline eller table-cell ska placeras vertikalt i relation till dess föräldraelement. == Egenskaper == {| class="wik...'

PGJ: Skapade sidan med 'Anger hur ett element av typen `inline` eller `table-cell` ska placeras vertikalt i relation till dess föräldraelement. == Egenskaper == {| class="wik...'