Kiam temas pri reto-disvolviĝo uzante HTML kaj CSS, la kapablo manipuli la aspekton de elementoj sur retpaĝo estas decida. Unu el la manieroj atingi ĉi tion estas aldonante limon al elemento. En CSS, la landlimo estas uzata por difini la limon de elemento, kaj ĝi permesas al vi specifi la grandecon de la limo.
Por aldoni randgrandecon en CSS, vi povas uzi la landliman posedaĵon. Ĉi tiu posedaĵo permesas al vi agordi la larĝon de la limo en malsamaj unuoj kiel ekzemple pikseloj, ems, rems aŭ procentoj. La bordo-larĝa posedaĵo povas esti aplikita al individuaj flankoj de la limo de la elemento (supre, dekstre, malsupre kaj maldekstre) aŭ al ĉiuj flankoj samtempe.
Jen ekzemplo de kiel vi povas uzi la posedaĵon border-width por aldoni randgrandecon al elemento:
css
/* Applying border width to all sides */
.element {
border-width: 2px;
}
/* Applying different border widths to each side */
.element {
border-width: 2px 4px 6px 8px;
}
En la unua ekzemplo, la posedaĵo border-width estas agordita al 2 pikseloj, kiu aplikas la saman randlarĝon al ĉiuj flankoj de la elemento. En la dua ekzemplo, la bordo-larĝa posedaĵo estas agordita al 2 pikseloj por la supra flanko, 4 pikseloj por la dekstra flanko, 6 pikseloj por la malsupra flanko, kaj 8 pikseloj por la maldekstra flanko. Ĉi tio ebligas al vi krei ne-uniforman limon ĉirkaŭ la elemento.
Gravas noti, ke la land-larĝa propraĵo sole ne videble montros la randon krom se vi ankaŭ difinas la lim-stilan kaj rand-kolorajn ecojn. La limo-stila posedaĵo determinas la stilon de la limo, kiel ekzemple solida, streketa, punktita, ktp., dum la limo-kolora posedaĵo fiksas la koloron de la limo.
Jen ekzemplo, kiu kombinas la rand-larĝajn, rand-stilajn kaj randkolorajn ecojn:
En ĉi tiu ekzemplo, la bordo-larĝa posedaĵo fiksas la larĝon de la limo al 2 pikseloj, la border-stila posedaĵo fiksas la stilon al solida, kaj la border-kolora posedaĵo fiksas la koloron al ruĝa. Ĉi tio kreos solidan ruĝan randon ĉirkaŭ la elemento.
Por aldoni randgrandecon en CSS, vi povas uzi la landliman posedaĵon. Ĉi tiu posedaĵo permesas al vi specifi la larĝon de la limo en malsamaj unuoj kaj povas esti aplikata al individuaj flankoj aŭ ĉiuj flankoj de elemento. Memoru, ke vi ankaŭ difini la lim-stilon kaj limkolorajn ecojn por fari la randon videbla.
Kio pri aldoni randgrandecon en CSS?
Kiam temas pri reto-disvolviĝo uzante HTML kaj CSS, la kapablo manipuli la aspekton de elementoj sur retpaĝo estas decida. Unu el la manieroj atingi ĉi tion estas aldonante limon al elemento. En CSS, la landlimo estas uzata por difini la limon de elemento, kaj ĝi permesas al vi specifi la grandecon de la limo.
Por aldoni randgrandecon en CSS, vi povas uzi la landliman posedaĵon. Ĉi tiu posedaĵo permesas al vi agordi la larĝon de la limo en malsamaj unuoj kiel ekzemple pikseloj, ems, rems aŭ procentoj. La bordo-larĝa posedaĵo povas esti aplikita al individuaj flankoj de la limo de la elemento (supre, dekstre, malsupre kaj maldekstre) aŭ al ĉiuj flankoj samtempe.
Jen ekzemplo de kiel vi povas uzi la posedaĵon border-width por aldoni randgrandecon al elemento:
En la unua ekzemplo, la posedaĵo border-width estas agordita al 2 pikseloj, kiu aplikas la saman randlarĝon al ĉiuj flankoj de la elemento. En la dua ekzemplo, la bordo-larĝa posedaĵo estas agordita al 2 pikseloj por la supra flanko, 4 pikseloj por la dekstra flanko, 6 pikseloj por la malsupra flanko, kaj 8 pikseloj por la maldekstra flanko. Ĉi tio ebligas al vi krei ne-uniforman limon ĉirkaŭ la elemento.
Gravas noti, ke la land-larĝa propraĵo sole ne videble montros la randon krom se vi ankaŭ difinas la lim-stilan kaj rand-kolorajn ecojn. La limo-stila posedaĵo determinas la stilon de la limo, kiel ekzemple solida, streketa, punktita, ktp., dum la limo-kolora posedaĵo fiksas la koloron de la limo.
Jen ekzemplo, kiu kombinas la rand-larĝajn, rand-stilajn kaj randkolorajn ecojn:
En ĉi tiu ekzemplo, la bordo-larĝa posedaĵo fiksas la larĝon de la limo al 2 pikseloj, la border-stila posedaĵo fiksas la stilon al solida, kaj la border-kolora posedaĵo fiksas la koloron al ruĝa. Ĉi tio kreos solidan ruĝan randon ĉirkaŭ la elemento.
Por aldoni randgrandecon en CSS, vi povas uzi la landliman posedaĵon. Ĉi tiu posedaĵo permesas al vi specifi la larĝon de la limo en malsamaj unuoj kaj povas esti aplikata al individuaj flankoj aŭ ĉiuj flankoj de elemento. Memoru, ke vi ankaŭ difini la lim-stilon kaj limkolorajn ecojn por fari la randon videbla.
Aliaj lastatempaj demandoj kaj respondoj pri Progresante en HTML kaj CSS:
Rigardu pliajn demandojn kaj respondojn en Antaŭenigo en HTML kaj CSS
Pliaj demandoj kaj respondoj: