CSS @layer ਰੂਲ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

CSS @layer ਸਿਧਾਂਤਾਂ ਨੂੰ CSS ਸਤਰਾਂ (cascade layers) ਦੀ ਕਿਸਮ ਨਾਲ ਸਟਾਈਲ ਕਰਨ ਦੀ ਕਿਸਮ ਨਿਰਧਾਰਿਤ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ。

ਇਹ ਇੱਕ ਸਤਰ ਪਹਿਲਾਂ ਨਿਰਧਾਰਿਤ ਕਰਕੇ ਤਾਂ ਜਿਸ ਸਿਧਾਂਤਾਂ ਦੀ ਕਿਸਮ ਨਾਲ ਵਿਸ਼ੇਸ਼ ਕਰਕੇ ਕੰਮ ਕਰਨਾ ਹੈ ਉਸ ਸਿਧਾਂਤ ਵਿੱਚ ਰੱਖਿਆ ਜਾਂਦਾ ਹੈ ਕਿਉਂਕਿ ਇਹ ਸਿਧਾਂਤ ਸਤਰ ਵਿੱਚ ਰੱਖਿਆ ਗਿਆ ਹੈ。

@layer ਨਾਮ ਰਹਿਤ ਜਾਂ ਨਾਮ ਵਾਲਾ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。

ਨਾਮ ਰਹਿਤ @layer ਕਿਹਾ ਜਾਂਦਾ ਹੈਅਣਨਾਮ ਸਤਰ।ਅਣਨਾਮ ਸਤਰ ਪ੍ਰਤੀਨਿਧਤਾ ਦੀ ਕਿਸਮ ਨਾਲ ਮੁੱਲਾਂਦਿਆ ਜਾਂਦੇ ਹਨ (ਦੇਖੋ ਹੇਠਾਂ ਦੇ ਉਦਾਹਰਣ)।ਇਹ ਮੂਲ ਸਤਰਾਂ ਦੀ ਕਿਸਮ ਨਾਲ ਕੰਮ ਕਰਦੇ ਹਨ (ਉੱਤੇ ਤੋਂ ਨੀਚੇ)।

ਅਤੇ ਅਲੱਗ ਨਾਮ ਵਾਲਾ @layer ਕਿਹਾ ਜਾਂਦਾ ਹੈਨਾਮਕ ਸਤਰ।ਨਾਮਕ ਸਤਰਾਂ ਦੀ ਵਰਤੋਂ ਨਾਲ ਅਸੀਂ ਜ਼ਰੂਰੀ ਸਪੱਸ਼ਟ ਸਤਰਾਂ ਦੀ ਕਿਸਮ ਨਿਰਧਾਰਿਤ ਕਰ ਸਕਦੇ ਹਾਂ (ਦੇਖੋ ਹੇਠਾਂ ਦੇ ਉਦਾਹਰਣ)।ਕਿਸਮ ਸਭ ਤੋਂ ਲਘੂਤਮ ਤੋਂ ਸਭ ਤੋਂ ਵੱਡੀ ਦੀ ਤਰਫ਼ ਵਿੱਚ ਹੈ ਅਤੇ ਸੱਜੇ ਤੋਂ ਛੇਤੀ ਛੇਤੀ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤੀ ਜਾਂਦੀ ਹੈ。

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਅਣਨਾਮ ਸਤਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ (ਇਹ ਮੂਲ ਸਤਰਾਂ ਦੀ ਕਿਸਮ ਨਾਲ ਕੰਮ ਕਰਦੇ ਹਨ):

/* ਸਤਰ 1 */
@layer {
  body {
    background: pink;
  }
}
/* ਸਤਰ 2 */
@layer {
  body {
    background: lightblue; /* ਆਖਰੀ ਸਤਰ ਕੰਮ ਕਰਦਾ ਹੈ */
  }
}

ਸਵੈ ਮੁਹਿੰਮ ਕਰੋ

ਉਦਾਹਰਣ 2

ਨਾਮਕ ਸਤਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ (ਅਤੇ ਜ਼ਰੂਰੀ ਸਪੱਸ਼ਟ ਸਤਰਾਂ ਦੀ ਕਿਸਮ ਨਿਰਧਾਰਿਤ ਕਰੋ):

/* ਸਪੱਸ਼ਟ ਸਤਰਾਂ ਦੀ ਕਿਸਮ ਨਿਰਧਾਰਿਤ ਕਰੋ */
@layer bgblue, bgpink;
/* ਸਤਰ 1 */
@layer bgpink {
  body {
    background: pink; /* ਕੰਮ ਕਰਦਾ ਹੈ */
  }
}
/* ਸਤਰ 2 */
@layer bgblue {
  body {
    background: lightblue;
  }
}

ਸਵੈ ਮੁਹਿੰਮ ਕਰੋ

CSS ਸਿਧਾਂਤ

@layer name {
  css declarations;
}

ਸੰਪਤੀ ਮੁੱਲ

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

ਸਪਲੇਸ ਵਿੱਚ ਸੰਖਿਆਵਾਂ ਪਹਿਲੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਊਜ਼ਰ ਵਰਜਨ ਦੀ ਪ੍ਰਤੀਨਿਧਤਾ ਕਰਦੀਆਂ ਹਨ。