CSS فلو کا اپریشن

  • ਪਿਛਲਾ ਪੰਨਾ flex-wrap
  • ਅਗਲਾ ਪੰਨਾ font

定义和用法

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

ਜੇਕਰ ਫਲੌਟ ਨਹੀਂ ਬਦਲਣ ਵਾਲੇ ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਲੇ ਚਿੱਤਰ ਨੂੰ ਵਿਸ਼ੇਸ਼ ਕੀਤਾ ਜਾਵੇ ਤਾਂ ਇਸ ਨੂੰ ਵਿਸ਼ੇਸ਼ ਕੀਤਾ ਜਾਵੇ; ਨਹੀਂ ਤਾਂ ਉਹ ਬਹੁਤ ਘੱਟ ਹੋਣਗੇ。

ਟਿੱਪਣੀ:ਜੇਕਰ ਇੱਕ ਪਾਠ ਵਿੱਚ ਫਲੌਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਿੱਚ ਬਹੁਤ ਘੱਟ ਜਗ੍ਹਾ ਹੈ ਤਾਂ ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਅਗਲੇ ਪਾਠ ਵਿੱਚ ਜਾਵੇਗਾ ਅਤੇ ਇਹ ਪ੍ਰਕਿਰਿਆ ਜਾਰੀ ਰਹੇਗੀ ਜਦੋਂ ਤੱਕ ਕਿ ਕਿਸੇ ਪਾਠ ਵਿੱਚ ਪਹਿਲਾਂ ਮੁੱਖ ਜਗ੍ਹਾ ਹੋ ਜਾਵੇ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿਖਲਾਈ ਪੁਸਤਕ:CSS ਸਥਾਨਾਂਤਰਣ

HTML DOM ਸੂਚੀਬੱਧ ਮੰਗਣਾ:cssFloat ਪ੍ਰਤੀਯੋਗਿਤਾ

ਉਦਾਹਰਣ

ਚਿੱਤਰ ਨੂੰ ਦਾਹਿਨੇ ਤਰਫ ਫਲੌਟ ਕਰੋ:

img
  {
  float:right;
  }

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

CSS ਗਰੁੱਪ:

float: none|left|right|initial|inherit;

ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
left ਏਕਸਪੋਜ਼ਰ ਖੱਬੇ ਤਰਫ ਫਲੌਟ ਹੁੰਦਾ ਹੈ。
right ਏਕਸਪੋਜ਼ਰ ਦਾਹਿਨੇ ਤਰਫ ਫਲੌਟ ਹੁੰਦਾ ਹੈ。
none ਮੂਲ ਮੁੱਲ।ਏਕਸਪੋਜ਼ਰ ਫਲੌਟ ਨਹੀਂ ਹੈ ਅਤੇ ਇਹ ਇਸ ਦੇ ਪਾਠ ਵਿੱਚ ਦਿਖਾਇਆ ਜਾਵੇਗਾ。
inherit ਪ੍ਰਤੀਯੋਗਿਤਾ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦਾ ਮੁੱਲ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਪ੍ਰਾਪਤ ਕਰੋ

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: none
ਵਿਰਾਸਤੀਕਰਣ: no
ਸੰਸਕਰਣ: CSS1
JavaScript ਗਰੁੱਪ: object.style.cssFloat="left"

TIY ਉਦਾਹਰਣ

float ਪ੍ਰਤੀਯੋਗਿਤਾ ਦਾ ਸਰਲ ਇਸਤੇਮਾਲ
ਚਿੱਤਰ ਨੂੰ ਇੱਕ ਪੈਰਾਗ੍ਰਾਫ ਦੇ ਦਾਹਿਨੇ ਪਾਸੇ ਫਲੌਟ ਕਰੋ
ਬੋਰਡਰ ਅਤੇ ਬੰਦਰ ਵਾਲੇ ਚਿੱਤਰ ਨੂੰ ਪੈਰਾਗ੍ਰਾਫ ਦੇ ਦਾਹਿਨੇ ਪਾਸੇ ਫਲੌਟ ਕਰੋ
ਚਿੱਤਰ ਨੂੰ ਪੈਰਾਗ੍ਰਾਫ ਦੇ ਦਾਹਿਨੇ ਪਾਸੇ ਫਲੌਟ ਕਰੋ ਅਤੇ ਚਿੱਤਰ ਨੂੰ ਬੋਰਡਰ ਅਤੇ ਬੰਦਰ ਜੋੜੋ。
ਸਿਰਲੇਖ ਵਾਲੇ ਚਿੱਤਰ ਦਾਹਿਨੇ ਪਾਸੇ ਫਲੌਟ
ਸਿਰਲੇਖ ਵਾਲੇ ਚਿੱਤਰ ਨੂੰ ਦਾਹਿਨੇ ਪਾਸੇ ਫਲੌਟ ਕਰੋ
ਪੈਰਾਗ੍ਰਾਫ ਦੀ ਪਹਿਲੀ ਅੱਖਰ ਖੱਬੇ ਪਾਸੇ ਫਲੌਟ ਕਰੋ
ਪੈਰਾਗ੍ਰਾਫ ਦੀ ਪਹਿਲੀ ਅੱਖਰ ਖੱਬੇ ਪਾਸੇ ਫਲੌਟ ਕਰੋ ਅਤੇ ਇਸ ਅੱਖਰ ਨੂੰ ਸਟਾਈਲ ਦਿਓ。
ਹੰਗਮਾ ਮੇਨੂ ਬਣਾਓ
ਇੱਕ ਸਾਰੀ ਹਵਾਲੇ ਵਾਲੇ ਫਲੌਟ ਦੇ ਮਾਧਿਅਮ ਨਾਲ ਹੰਗਮਾ ਮੇਨੂ ਬਣਾਓ。
ਬੌਨ ਟੇਬਲ ਵਾਲੇ ਪਹਿਲੇ ਪੰਨੇ ਨੂੰ ਬਣਾਓ
ਸਿਰਲੇਖ, ਪੇਜ਼ ਫੁੱਟਰ, ਖੱਬੇ ਸਿਰਲੇਖ ਅਤੇ ਮੁੱਖ ਸਮੱਗਰੀ ਵਾਲੇ ਪਹਿਲੇ ਪੰਨੇ ਨੂੰ ਫਲੌਟ ਦੇ ਮਾਧਿਅਮ ਨਾਲ ਬਣਾਓ。

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਪੱਧਰਾਂ ਦੇ ਅੰਕ ਇਸ ਪੱਧਰ ਦੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਦਿੱਤੇ ਗਏ ਹਨ。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0
  • ਪਿਛਲਾ ਪੰਨਾ flex-wrap
  • ਅਗਲਾ ਪੰਨਾ font